#222edc hex color

In a RGB color space, hex #222edc is composed of 13.3% red, 18% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 79.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 236.1 degrees, a saturation of 73.2% and a lightness of 49.8%. #222edc color hex could be obtained by blending #445cff with #0000b9. Closest websafe color is: #3333cc.

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

● #222edc color description : Bright blue.

The hexadecimal color #222edc has RGB values of R:34, G:46, B:220 and CMYK values of C:0.85, M:0.79, Y:0, K:0.14. Its decimal value is 2240220.

Hex triplet	222edc	`#222edc`
RGB Decimal	34, 46, 220	`rgb(34,46,220)`
RGB Percent	13.3, 18, 86.3	`rgb(13.3%,18%,86.3%)`
CMYK	85, 79, 0, 14
HSL	236.1°, 73.2, 49.8	`hsl(236.1,73.2%,49.8%)`
HSV (or HSB)	236.1°, 84.5, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.833, 57.001, -87.077
XYZ	14.552, 7.46, 68.379
xyY	0.161, 0.083, 7.46
CIE-LCH	32.833, 104.074, 303.209
CIE-LUV	32.833, -9.517, -113.472
Hunter-Lab	27.314, 47.304, -129.312
Binary	00100010, 00101110, 11011100

#222edc
```
#222edc rgb(34,46,220)
```
#dcd022
```
#dcd022 rgb(220,208,34)
```

Complementary Color

#228bdc
```
#228bdc rgb(34,139,220)
```
#222edc
```
#222edc rgb(34,46,220)
```
#7322dc
```
#7322dc rgb(115,34,220)
```

Analogous Color

#8bdc22
```
#8bdc22 rgb(139,220,34)
```
#222edc
```
#222edc rgb(34,46,220)
```
#dc7322
```
#dc7322 rgb(220,115,34)
```

Split Complementary Color

#2edc22
```
#2edc22 rgb(46,220,34)
```
#222edc
```
#222edc rgb(34,46,220)
```
#dc222e
```
#dc222e rgb(220,34,46)
```

Triadic Color

#22dcd0
```
#22dcd0 rgb(34,220,208)
```
#222edc
```
#222edc rgb(34,46,220)
```
#dc222e
```
#dc222e rgb(220,34,46)
```
#dcd022
```
#dcd022 rgb(220,208,34)
```

Tetradic Color

#18209a
```
#18209a rgb(24,32,154)
```
#1b25b0
```
#1b25b0 rgb(27,37,176)
```
#1f29c6
```
#1f29c6 rgb(31,41,198)
```
#222edc
```
#222edc rgb(34,46,220)
```
#3742e0
```
#3742e0 rgb(55,66,224)
```
#4d57e4
```
#4d57e4 rgb(77,87,228)
```
#646ce7
```
#646ce7 rgb(100,108,231)
```

Monochromatic Color

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

#225ddc
```
#225ddc rgb(34,93,220)
```
#224ddc
```
#224ddc rgb(34,77,220)
```
#223ddc
```
#223ddc rgb(34,61,220)
```
#222edc
```
#222edc rgb(34,46,220)
```
#2622dc
```
#2622dc rgb(38,34,220)
```
#3522dc
```
#3522dc rgb(53,34,220)
```
#4522dc
```
#4522dc rgb(69,34,220)
```

Similar Colors

Text with hexadecimal color #222edc

This text has a font color of #222edc.

<span style="color:#222edc;">Text here</span>

#222edc background color

This paragraph has a background color of #222edc.

<p style="background-color:#222edc;">Content here</p>

#222edc border color

This element has a border color of #222edc.

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

CSS codes

.text {color:#222edc;}

.background {background-color:#222edc;}

.border {border:1px solid #222edc;}

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, #020310 is the darkest color, while #fefeff is the lightest one.

#020310
```
#020310 rgb(2,3,16)
```
#050721
```
#050721 rgb(5,7,33)
```
#080a32
```
#080a32 rgb(8,10,50)
```
#0a0e43
```
#0a0e43 rgb(10,14,67)
```
#0d1254
```
#0d1254 rgb(13,18,84)
```
#101565
```
#101565 rgb(16,21,101)
```
#121976
```
#121976 rgb(18,25,118)
```
#151c87
```
#151c87 rgb(21,28,135)
```
#172098
```
#172098 rgb(23,32,152)
```
#1a23a9
```
#1a23a9 rgb(26,35,169)
```
#1d27ba
```
#1d27ba rgb(29,39,186)
```
#1f2acb
```
#1f2acb rgb(31,42,203)
```
#222edc
```
#222edc rgb(34,46,220)
```

Shade Color Variation

#323ddf
```
#323ddf rgb(50,61,223)
```
#434de2
```
#434de2 rgb(67,77,226)
```
#545ee5
```
#545ee5 rgb(84,94,229)
```
#656ee7
```
#656ee7 rgb(101,110,231)
```
#767eea
```
#767eea rgb(118,126,234)
```
#878eec
```
#878eec rgb(135,142,236)
```
#989eef
```
#989eef rgb(152,158,239)
```
#a9aef2
```
#a9aef2 rgb(169,174,242)
```
#babef4
```
#babef4 rgb(186,190,244)
```
#cbcef7
```
#cbcef7 rgb(203,206,247)
```
#dcdefa
```
#dcdefa rgb(220,222,250)
```
#edeefc
```
#edeefc rgb(237,238,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7a7b84
```
#7a7b84 rgb(122,123,132)
```
#70728e
```
#70728e rgb(112,114,142)
```
#666a98
```
#666a98 rgb(102,106,152)
```
#5d61a1
```
#5d61a1 rgb(93,97,161)
```
#5359ab
```
#5359ab rgb(83,89,171)
```
#4950b5
```
#4950b5 rgb(73,80,181)
```
#3f48bf
```
#3f48bf rgb(63,72,191)
```
#363fc8
```
#363fc8 rgb(54,63,200)
```
#2c37d2
```
#2c37d2 rgb(44,55,210)
```
#222edc
```
#222edc rgb(34,46,220)
```
#1825e6
```
#1825e6 rgb(24,37,230)
```
#0e1df0
```
#0e1df0 rgb(14,29,240)
```
#0514f9
```
#0514f9 rgb(5,20,249)
```

Tone Color Variation

Below, you can see how #222edc 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

#3e3e3e Achromatopsia 0.005% of the population
#383b5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0c46b7 Protanomaly 1% of men, 0.01% of women
#0c49a9 Deuteranomaly 6% of men, 0.4% of women
#0c4d8f Tritanomaly 0.01% of the population

#222edc hex color

#222edc Color Information

#222edc Color Conversion

Color Schemes with #222edc

Alternatives to #222edc

#222edc Preview

Shades and Tints of #222edc

Tones of #222edc

Color Blindness Simulator