#221ee4 hex color

In a RGB color space, hex #221ee4 is composed of 13.3% red, 11.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 86.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 241.2 degrees, a saturation of 78.6% and a lightness of 50.6%. #221ee4 color hex could be obtained by blending #443cff with #0000c9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 12
- B 89
RGB color chart
- C 85
- M 87
- Y 0
- K 11
CMYK color chart

● #221ee4 color description : Vivid blue.

The hexadecimal color #221ee4 has RGB values of R:34, G:30, B:228 and CMYK values of C:0.85, M:0.87, Y:0, K:0.11. Its decimal value is 2236132.

Hex triplet	221ee4	`#221ee4`
RGB Decimal	34, 30, 228	`rgb(34,30,228)`
RGB Percent	13.3, 11.8, 89.4	`rgb(13.3%,11.8%,89.4%)`
CMYK	85, 87, 0, 11
HSL	241.2°, 78.6, 50.6	`hsl(241.2,78.6%,50.6%)`
HSV (or HSB)	241.2°, 86.8, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.507, 66.178, -93.872
XYZ	15.125, 6.869, 73.923
xyY	0.158, 0.072, 6.869
CIE-LCH	31.507, 114.854, 305.183
CIE-LUV	31.507, -8.136, -117.336
Hunter-Lab	26.209, 57.145, -148.885
Binary	00100010, 00011110, 11100100

#221ee4
```
#221ee4 rgb(34,30,228)
```
#e0e41e
```
#e0e41e rgb(224,228,30)
```

Complementary Color

#1e7de4
```
#1e7de4 rgb(30,125,228)
```
#221ee4
```
#221ee4 rgb(34,30,228)
```
#851ee4
```
#851ee4 rgb(133,30,228)
```

Analogous Color

#7de41e
```
#7de41e rgb(125,228,30)
```
#221ee4
```
#221ee4 rgb(34,30,228)
```
#e4851e
```
#e4851e rgb(228,133,30)
```

Split Complementary Color

#1ee422
```
#1ee422 rgb(30,228,34)
```
#221ee4
```
#221ee4 rgb(34,30,228)
```
#e4221e
```
#e4221e rgb(228,34,30)
```

Triadic Color

#1ee0e4
```
#1ee0e4 rgb(30,224,228)
```
#221ee4
```
#221ee4 rgb(34,30,228)
```
#e4221e
```
#e4221e rgb(228,34,30)
```
#e0e41e
```
#e0e41e rgb(224,228,30)
```

Tetradic Color

#1613a2
```
#1613a2 rgb(22,19,162)
```
#1916b9
```
#1916b9 rgb(25,22,185)
```
#1d19d0
```
#1d19d0 rgb(29,25,208)
```
#221ee4
```
#221ee4 rgb(34,30,228)
```
#3835e7
```
#3835e7 rgb(56,53,231)
```
#4f4ce9
```
#4f4ce9 rgb(79,76,233)
```
#6562ec
```
#6562ec rgb(101,98,236)
```

Monochromatic Color

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

#1e4ce4
```
#1e4ce4 rgb(30,76,228)
```
#1e3be4
```
#1e3be4 rgb(30,59,228)
```
#1e2be4
```
#1e2be4 rgb(30,43,228)
```
#221ee4
```
#221ee4 rgb(34,30,228)
```
#321ee4
```
#321ee4 rgb(50,30,228)
```
#431ee4
```
#431ee4 rgb(67,30,228)
```
#531ee4
```
#531ee4 rgb(83,30,228)
```

Similar Colors

Text with hexadecimal color #221ee4

This text has a font color of #221ee4.

<span style="color:#221ee4;">Text here</span>

#221ee4 background color

This paragraph has a background color of #221ee4.

<p style="background-color:#221ee4;">Content here</p>

#221ee4 border color

This element has a border color of #221ee4.

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

CSS codes

.text {color:#221ee4;}

.background {background-color:#221ee4;}

.border {border:1px solid #221ee4;}

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

#000003
```
#000003 rgb(0,0,3)
```
#030214
```
#030214 rgb(3,2,20)
```
#050526
```
#050526 rgb(5,5,38)
```
#080737
```
#080737 rgb(8,7,55)
```
#0a0949
```
#0a0949 rgb(10,9,73)
```
#0c0b5a
```
#0c0b5a rgb(12,11,90)
```
#0f0d6c
```
#0f0d6c rgb(15,13,108)
```
#110f7d
```
#110f7d rgb(17,15,125)
```
#14118f
```
#14118f rgb(20,17,143)
```
#1613a0
```
#1613a0 rgb(22,19,160)
```
#1815b2
```
#1815b2 rgb(24,21,178)
```
#1b17c3
```
#1b17c3 rgb(27,23,195)
```
#1d1ad5
```
#1d1ad5 rgb(29,26,213)
```

Shade Color Variation

#221ee4
```
#221ee4 rgb(34,30,228)
```
#3330e6
```
#3330e6 rgb(51,48,230)
```
#4441e8
```
#4441e8 rgb(68,65,232)
```
#5653ea
```
#5653ea rgb(86,83,234)
```
#6764ec
```
#6764ec rgb(103,100,236)
```
#7876ef
```
#7876ef rgb(120,118,239)
```
#8987f1
```
#8987f1 rgb(137,135,241)
```
#9a99f3
```
#9a99f3 rgb(154,153,243)
```
#acaaf5
```
#acaaf5 rgb(172,170,245)
```
#bdbcf7
```
#bdbcf7 rgb(189,188,247)
```
#cecdf9
```
#cecdf9 rgb(206,205,249)
```
#dfdffb
```
#dfdffb rgb(223,223,251)
```
#f0f0fd
```
#f0f0fd rgb(240,240,253)
```

Tint Color Variation

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

#7f7f83
```
#7f7f83 rgb(127,127,131)
```
#76758d
```
#76758d rgb(118,117,141)
```
#6c6c96
```
#6c6c96 rgb(108,108,150)
```
#6362a0
```
#6362a0 rgb(99,98,160)
```
#5a58aa
```
#5a58aa rgb(90,88,170)
```
#514eb4
```
#514eb4 rgb(81,78,180)
```
#4745bd
```
#4745bd rgb(71,69,189)
```
#3e3bc7
```
#3e3bc7 rgb(62,59,199)
```
#3531d1
```
#3531d1 rgb(53,49,209)
```
#2b28da
```
#2b28da rgb(43,40,218)
```
#221ee4
```
#221ee4 rgb(34,30,228)
```
#1914ee
```
#1914ee rgb(25,20,238)
```
#0f0bf7
```
#0f0bf7 rgb(15,11,247)
```

Tone Color Variation

Below, you can see how #221ee4 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

#363636 Achromatopsia 0.005% of the population
#323159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0c3eb7 Protanomaly 1% of men, 0.01% of women
#0c41a9 Deuteranomaly 6% of men, 0.4% of women
#0c458f Tritanomaly 0.01% of the population

#221ee4 hex color

#221ee4 Color Information

#221ee4 Color Conversion

Color Schemes with #221ee4

Alternatives to #221ee4

#221ee4 Preview

Shades and Tints of #221ee4

Tones of #221ee4

Color Blindness Simulator