#221ce2 hex color

In a RGB color space, hex #221ce2 is composed of 13.3% red, 11% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 87.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 241.8 degrees, a saturation of 78% and a lightness of 49.8%. #221ce2 color hex could be obtained by blending #4438ff with #0000c5. Closest websafe color is: #3333cc.

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

● #221ce2 color description : Vivid blue.

The hexadecimal color #221ce2 has RGB values of R:34, G:28, B:226 and CMYK values of C:0.85, M:0.88, Y:0, K:0.11. Its decimal value is 2235618.

Hex triplet	221ce2	`#221ce2`
RGB Decimal	34, 28, 226	`rgb(34,28,226)`
RGB Percent	13.3, 11, 88.6	`rgb(13.3%,11%,88.6%)`
CMYK	85, 88, 0, 11
HSL	241.8°, 78, 49.8	`hsl(241.8,78%,49.8%)`
HSV (or HSB)	241.8°, 87.6, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.021, 66.315, -93.536
XYZ	14.8, 6.661, 72.453
xyY	0.158, 0.071, 6.661
CIE-LCH	31.021, 114.659, 305.336
CIE-LUV	31.021, -7.89, -116.069
Hunter-Lab	25.808, 57.198, -148.384
Binary	00100010, 00011100, 11100010

#221ce2
```
#221ce2 rgb(34,28,226)
```
#dce21c
```
#dce21c rgb(220,226,28)
```

Complementary Color

#1c79e2
```
#1c79e2 rgb(28,121,226)
```
#221ce2
```
#221ce2 rgb(34,28,226)
```
#851ce2
```
#851ce2 rgb(133,28,226)
```

Analogous Color

#79e21c
```
#79e21c rgb(121,226,28)
```
#221ce2
```
#221ce2 rgb(34,28,226)
```
#e2851c
```
#e2851c rgb(226,133,28)
```

Split Complementary Color

#1ce222
```
#1ce222 rgb(28,226,34)
```
#221ce2
```
#221ce2 rgb(34,28,226)
```
#e2221c
```
#e2221c rgb(226,34,28)
```

Triadic Color

#1cdce2
```
#1cdce2 rgb(28,220,226)
```
#221ce2
```
#221ce2 rgb(34,28,226)
```
#e2221c
```
#e2221c rgb(226,34,28)
```
#dce21c
```
#dce21c rgb(220,226,28)
```

Tetradic Color

#18149e
```
#18149e rgb(24,20,158)
```
#1b16b5
```
#1b16b5 rgb(27,22,181)
```
#1f19cb
```
#1f19cb rgb(31,25,203)
```
#221ce2
```
#221ce2 rgb(34,28,226)
```
#3732e6
```
#3732e6 rgb(55,50,230)
```
#4d49e8
```
#4d49e8 rgb(77,73,232)
```
#645feb
```
#645feb rgb(100,95,235)
```

Monochromatic Color

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

#1c48e2
```
#1c48e2 rgb(28,72,226)
```
#1c37e2
```
#1c37e2 rgb(28,55,226)
```
#1c27e2
```
#1c27e2 rgb(28,39,226)
```
#221ce2
```
#221ce2 rgb(34,28,226)
```
#331ce2
```
#331ce2 rgb(51,28,226)
```
#431ce2
```
#431ce2 rgb(67,28,226)
```
#531ce2
```
#531ce2 rgb(83,28,226)
```

Similar Colors

Text with hexadecimal color #221ce2

This text has a font color of #221ce2.

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

#221ce2 background color

This paragraph has a background color of #221ce2.

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

#221ce2 border color

This element has a border color of #221ce2.

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

CSS codes

.text {color:#221ce2;}

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

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

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

#020211
```
#020211 rgb(2,2,17)
```
#050422
```
#050422 rgb(5,4,34)
```
#080633
```
#080633 rgb(8,6,51)
```
#0a0945
```
#0a0945 rgb(10,9,69)
```
#0d0b56
```
#0d0b56 rgb(13,11,86)
```
#100d68
```
#100d68 rgb(16,13,104)
```
#120f79
```
#120f79 rgb(18,15,121)
```
#15118b
```
#15118b rgb(21,17,139)
```
#17139c
```
#17139c rgb(23,19,156)
```
#1a16ae
```
#1a16ae rgb(26,22,174)
```
#1d18bf
```
#1d18bf rgb(29,24,191)
```
#1f1ad1
```
#1f1ad1 rgb(31,26,209)
```
#221ce2
```
#221ce2 rgb(34,28,226)
```

Shade Color Variation

#322de5
```
#322de5 rgb(50,45,229)
```
#433ee7
```
#433ee7 rgb(67,62,231)
```
#5450e9
```
#5450e9 rgb(84,80,233)
```
#6561eb
```
#6561eb rgb(101,97,235)
```
#7672ee
```
#7672ee rgb(118,114,238)
```
#8784f0
```
#8784f0 rgb(135,132,240)
```
#9895f2
```
#9895f2 rgb(152,149,242)
```
#a9a7f4
```
#a9a7f4 rgb(169,167,244)
```
#bab8f6
```
#bab8f6 rgb(186,184,246)
```
#cbcaf8
```
#cbcaf8 rgb(203,202,248)
```
#dcdbfb
```
#dcdbfb rgb(220,219,251)
```
#ededfd
```
#ededfd rgb(237,237,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7e7e80
```
#7e7e80 rgb(126,126,128)
```
#75748a
```
#75748a rgb(117,116,138)
```
#6b6a94
```
#6b6a94 rgb(107,106,148)
```
#62609e
```
#62609e rgb(98,96,158)
```
#5957a7
```
#5957a7 rgb(89,87,167)
```
#504db1
```
#504db1 rgb(80,77,177)
```
#4743bb
```
#4743bb rgb(71,67,187)
```
#3e39c5
```
#3e39c5 rgb(62,57,197)
```
#3430ce
```
#3430ce rgb(52,48,206)
```
#2b26d8
```
#2b26d8 rgb(43,38,216)
```
#221ce2
```
#221ce2 rgb(34,28,226)
```
#1912ec
```
#1912ec rgb(25,18,236)
```
#1008f6
```
#1008f6 rgb(16,8,246)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#302f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0c3db5 Protanomaly 1% of men, 0.01% of women
#0c40a7 Deuteranomaly 6% of men, 0.4% of women
#0c438e Tritanomaly 0.01% of the population

#221ce2 hex color

#221ce2 Color Information

#221ce2 Color Conversion

Color Schemes with #221ce2

Alternatives to #221ce2

#221ce2 Preview

Shades and Tints of #221ce2

Tones of #221ce2

Color Blindness Simulator