colorhexa.com

#3f22dc hex color

In a RGB color space, hex #3f22dc is composed of 24.7% red, 13.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 84.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 249.4 degrees, a saturation of 73.2% and a lightness of 49.8%. #3f22dc color hex could be obtained by blending #7e44ff with #0000b9. Closest websafe color is: #3333cc.

- R 25
- G 13
- B 86
RGB color chart
- C 71
- M 85
- Y 0
- K 14
CMYK color chart

● #3f22dc color description : Bright blue.

The hexadecimal color #3f22dc has RGB values of R:63, G:34, B:220 and CMYK values of C:0.71, M:0.85, Y:0, K:0.14. Its decimal value is 4137692.

Hex triplet	3f22dc	`#3f22dc`
RGB Decimal	63, 34, 220	`rgb(63,34,220)`
RGB Percent	24.7, 13.3, 86.3	`rgb(24.7%,13.3%,86.3%)`
CMYK	71, 85, 0, 14
HSL	249.4°, 73.2, 49.8	`hsl(249.4,73.2%,49.8%)`
HSV (or HSB)	249.4°, 84.5, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.629, 63.785, -87.37
XYZ	15.538, 7.367, 68.309
xyY	0.17, 0.081, 7.367
CIE-LCH	32.629, 108.176, 306.131
CIE-LUV	32.629, -4.267, -113.68
Hunter-Lab	27.143, 54.681, -130.213
Binary	00111111, 00100010, 11011100

#3f22dc
```
#3f22dc rgb(63,34,220)
```
#bfdc22
```
#bfdc22 rgb(191,220,34)
```

Complementary Color

#2262dc
```
#2262dc rgb(34,98,220)
```
#3f22dc
```
#3f22dc rgb(63,34,220)
```
#9c22dc
```
#9c22dc rgb(156,34,220)
```

Analogous Color

#62dc22
```
#62dc22 rgb(98,220,34)
```
#3f22dc
```
#3f22dc rgb(63,34,220)
```
#dc9c22
```
#dc9c22 rgb(220,156,34)
```

Split Complementary Color

#22dc3f
```
#22dc3f rgb(34,220,63)
```
#3f22dc
```
#3f22dc rgb(63,34,220)
```
#dc3f22
```
#dc3f22 rgb(220,63,34)
```

Triadic Color

#22bfdc
```
#22bfdc rgb(34,191,220)
```
#3f22dc
```
#3f22dc rgb(63,34,220)
```
#dc3f22
```
#dc3f22 rgb(220,63,34)
```
#bfdc22
```
#bfdc22 rgb(191,220,34)
```

Tetradic Color

#2c189a
```
#2c189a rgb(44,24,154)
```
#321bb0
```
#321bb0 rgb(50,27,176)
```
#391fc6
```
#391fc6 rgb(57,31,198)
```
#3f22dc
```
#3f22dc rgb(63,34,220)
```
#5237e0
```
#5237e0 rgb(82,55,224)
```
#654de4
```
#654de4 rgb(101,77,228)
```
#7864e7
```
#7864e7 rgb(120,100,231)
```

Monochromatic Color

Below, you can see some colors close to #3f22dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2234dc
```
#2234dc rgb(34,52,220)
```
#2224dc
```
#2224dc rgb(34,36,220)
```
#2f22dc
```
#2f22dc rgb(47,34,220)
```
#3f22dc
```
#3f22dc rgb(63,34,220)
```
#4e22dc
```
#4e22dc rgb(78,34,220)
```
#5e22dc
```
#5e22dc rgb(94,34,220)
```
#6e22dc
```
#6e22dc rgb(110,34,220)
```

Similar Colors

Text with hexadecimal color #3f22dc

This text has a font color of #3f22dc.

<span style="color:#3f22dc;">Text here</span>

#3f22dc background color

This paragraph has a background color of #3f22dc.

<p style="background-color:#3f22dc;">Content here</p>

#3f22dc border color

This element has a border color of #3f22dc.

<div style="border:1px solid #3f22dc;">Content here</div>

CSS codes

.text {color:#3f22dc;}

.background {background-color:#3f22dc;}

.border {border:1px solid #3f22dc;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #050210 is the darkest color, while #fefeff is the lightest one.

#050210
```
#050210 rgb(5,2,16)
```
#090521
```
#090521 rgb(9,5,33)
```
#0e0832
```
#0e0832 rgb(14,8,50)
```
#130a43
```
#130a43 rgb(19,10,67)
```
#180d54
```
#180d54 rgb(24,13,84)
```
#1d1065
```
#1d1065 rgb(29,16,101)
```
#221276
```
#221276 rgb(34,18,118)
```
#271587
```
#271587 rgb(39,21,135)
```
#2c1798
```
#2c1798 rgb(44,23,152)
```
#301aa9
```
#301aa9 rgb(48,26,169)
```
#351dba
```
#351dba rgb(53,29,186)
```
#3a1fcb
```
#3a1fcb rgb(58,31,203)
```
#3f22dc
```
#3f22dc rgb(63,34,220)
```

Shade Color Variation

#4d32df
```
#4d32df rgb(77,50,223)
```
#5c43e2
```
#5c43e2 rgb(92,67,226)
```
#6b54e5
```
#6b54e5 rgb(107,84,229)
```
#7965e7
```
#7965e7 rgb(121,101,231)
```
#8876ea
```
#8876ea rgb(136,118,234)
```
#9787ec
```
#9787ec rgb(151,135,236)
```
#a698ef
```
#a698ef rgb(166,152,239)
```
#b4a9f2
```
#b4a9f2 rgb(180,169,242)
```
#c3baf4
```
#c3baf4 rgb(195,186,244)
```
#d2cbf7
```
#d2cbf7 rgb(210,203,247)
```
#e1dcfa
```
#e1dcfa rgb(225,220,250)
```
#efedfc
```
#efedfc rgb(239,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7a84 is the less saturated color, while #2b05f9 is the most saturated one.

#7c7a84
```
#7c7a84 rgb(124,122,132)
```
#75708e
```
#75708e rgb(117,112,142)
```
#6e6698
```
#6e6698 rgb(110,102,152)
```
#675da1
```
#675da1 rgb(103,93,161)
```
#6153ab
```
#6153ab rgb(97,83,171)
```
#5a49b5
```
#5a49b5 rgb(90,73,181)
```
#533fbf
```
#533fbf rgb(83,63,191)
```
#4c36c8
```
#4c36c8 rgb(76,54,200)
```
#462cd2
```
#462cd2 rgb(70,44,210)
```
#3f22dc
```
#3f22dc rgb(63,34,220)
```
#3818e6
```
#3818e6 rgb(56,24,230)
```
#320ef0
```
#320ef0 rgb(50,14,240)
```
#2b05f9
```
#2b05f9 rgb(43,5,249)
```

Tone Color Variation

Below, you can see how #3f22dc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#404040 Achromatopsia 0.005% of the population
#403a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#1641b7 Protanomaly 1% of men, 0.01% of women
#1644a9 Deuteranomaly 6% of men, 0.4% of women
#16488f Tritanomaly 0.01% of the population