#4022dc hex color

In a RGB color space, hex #4022dc is composed of 25.1% red, 13.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 84.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 249.7 degrees, a saturation of 73.2% and a lightness of 49.8%. #4022dc color hex could be obtained by blending #8044ff with #0000b9. Closest websafe color is: #3333cc.

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

● #4022dc color description : Bright blue.

The hexadecimal color #4022dc has RGB values of R:64, G:34, B:220 and CMYK values of C:0.71, M:0.85, Y:0, K:0.14. Its decimal value is 4203228.

Hex triplet	4022dc	`#4022dc`
RGB Decimal	64, 34, 220	`rgb(64,34,220)`
RGB Percent	25.1, 13.3, 86.3	`rgb(25.1%,13.3%,86.3%)`
CMYK	71, 85, 0, 14
HSL	249.7°, 73.2, 49.8	`hsl(249.7,73.2%,49.8%)`
HSV (or HSB)	249.7°, 84.5, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.702, 63.848, -87.247
XYZ	15.602, 7.401, 68.312
xyY	0.171, 0.081, 7.401
CIE-LCH	32.702, 108.114, 306.197
CIE-LUV	32.702, -4.084, -113.698
Hunter-Lab	27.204, 54.767, -129.842
Binary	01000000, 00100010, 11011100

#4022dc
```
#4022dc rgb(64,34,220)
```
#bedc22
```
#bedc22 rgb(190,220,34)
```

Complementary Color

#2261dc
```
#2261dc rgb(34,97,220)
```
#4022dc
```
#4022dc rgb(64,34,220)
```
#9d22dc
```
#9d22dc rgb(157,34,220)
```

Analogous Color

#61dc22
```
#61dc22 rgb(97,220,34)
```
#4022dc
```
#4022dc rgb(64,34,220)
```
#dc9d22
```
#dc9d22 rgb(220,157,34)
```

Split Complementary Color

#22dc40
```
#22dc40 rgb(34,220,64)
```
#4022dc
```
#4022dc rgb(64,34,220)
```
#dc4022
```
#dc4022 rgb(220,64,34)
```

Triadic Color

#22bedc
```
#22bedc rgb(34,190,220)
```
#4022dc
```
#4022dc rgb(64,34,220)
```
#dc4022
```
#dc4022 rgb(220,64,34)
```
#bedc22
```
#bedc22 rgb(190,220,34)
```

Tetradic Color

#2d189a
```
#2d189a rgb(45,24,154)
```
#331bb0
```
#331bb0 rgb(51,27,176)
```
#3a1fc6
```
#3a1fc6 rgb(58,31,198)
```
#4022dc
```
#4022dc rgb(64,34,220)
```
#5337e0
```
#5337e0 rgb(83,55,224)
```
#664de4
```
#664de4 rgb(102,77,228)
```
#7964e7
```
#7964e7 rgb(121,100,231)
```

Monochromatic Color

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

#2233dc
```
#2233dc rgb(34,51,220)
```
#2223dc
```
#2223dc rgb(34,35,220)
```
#3122dc
```
#3122dc rgb(49,34,220)
```
#4022dc
```
#4022dc rgb(64,34,220)
```
#4f22dc
```
#4f22dc rgb(79,34,220)
```
#5f22dc
```
#5f22dc rgb(95,34,220)
```
#6f22dc
```
#6f22dc rgb(111,34,220)
```

Similar Colors

Text with hexadecimal color #4022dc

This text has a font color of #4022dc.

<span style="color:#4022dc;">Text here</span>

#4022dc background color

This paragraph has a background color of #4022dc.

<p style="background-color:#4022dc;">Content here</p>

#4022dc border color

This element has a border color of #4022dc.

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

CSS codes

.text {color:#4022dc;}

.background {background-color:#4022dc;}

.border {border:1px solid #4022dc;}

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)
```
#0a0521
```
#0a0521 rgb(10,5,33)
```
#0f0832
```
#0f0832 rgb(15,8,50)
```
#140a43
```
#140a43 rgb(20,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)
```
#311aa9
```
#311aa9 rgb(49,26,169)
```
#361dba
```
#361dba rgb(54,29,186)
```
#3b1fcb
```
#3b1fcb rgb(59,31,203)
```
#4022dc
```
#4022dc rgb(64,34,220)
```

Shade Color Variation

#4e32df
```
#4e32df rgb(78,50,223)
```
#5d43e2
```
#5d43e2 rgb(93,67,226)
```
#6c54e5
```
#6c54e5 rgb(108,84,229)
```
#7a65e7
```
#7a65e7 rgb(122,101,231)
```
#8976ea
```
#8976ea rgb(137,118,234)
```
#9887ec
```
#9887ec rgb(152,135,236)
```
#a698ef
```
#a698ef rgb(166,152,239)
```
#b5a9f2
```
#b5a9f2 rgb(181,169,242)
```
#c4baf4
```
#c4baf4 rgb(196,186,244)
```
#d2cbf7
```
#d2cbf7 rgb(210,203,247)
```
#e1dcfa
```
#e1dcfa rgb(225,220,250)
```
#f0edfc
```
#f0edfc rgb(240,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 #2c05f9 is the most saturated one.

#7c7a84
```
#7c7a84 rgb(124,122,132)
```
#75708e
```
#75708e rgb(117,112,142)
```
#6e6698
```
#6e6698 rgb(110,102,152)
```
#685da1
```
#685da1 rgb(104,93,161)
```
#6153ab
```
#6153ab rgb(97,83,171)
```
#5a49b5
```
#5a49b5 rgb(90,73,181)
```
#543fbf
```
#543fbf rgb(84,63,191)
```
#4d36c8
```
#4d36c8 rgb(77,54,200)
```
#472cd2
```
#472cd2 rgb(71,44,210)
```
#4022dc
```
#4022dc rgb(64,34,220)
```
#3918e6
```
#3918e6 rgb(57,24,230)
```
#330ef0
```
#330ef0 rgb(51,14,240)
```
#2c05f9
```
#2c05f9 rgb(44,5,249)
```

Tone Color Variation

Below, you can see how #4022dc 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

#1741b7 Protanomaly 1% of men, 0.01% of women
#1744a9 Deuteranomaly 6% of men, 0.4% of women
#17488f Tritanomaly 0.01% of the population

#4022dc hex color

#4022dc Color Information

#4022dc Color Conversion

Color Schemes with #4022dc

Alternatives to #4022dc

#4022dc Preview

Shades and Tints of #4022dc

Tones of #4022dc

Color Blindness Simulator