colorhexa.com

#221ef2 hex color

In a RGB color space, hex #221ef2 is composed of 13.3% red, 11.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 87.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 241.1 degrees, a saturation of 89.1% and a lightness of 53.3%. #221ef2 color hex could be obtained by blending #443cff with #0000e5. Closest websafe color is: #3333ff.

- R 13
- G 12
- B 95
RGB color chart
- C 86
- M 88
- Y 0
- K 5
CMYK color chart

● #221ef2 color description : Vivid blue.

The hexadecimal color #221ef2 has RGB values of R:34, G:30, B:242 and CMYK values of C:0.86, M:0.88, Y:0, K:0.05. Its decimal value is 2236146.

Hex triplet	221ef2	`#221ef2`
RGB Decimal	34, 30, 242	`rgb(34,30,242)`
RGB Percent	13.3, 11.8, 94.9	`rgb(13.3%,11.8%,94.9%)`
CMYK	86, 88, 0, 5
HSL	241.1°, 89.1, 53.3	`hsl(241.1,89.1%,53.3%)`
HSV (or HSB)	241.1°, 87.6, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.303, 70.012, -98.843
XYZ	17.148, 7.678, 84.578
xyY	0.157, 0.07, 7.678
CIE-LCH	33.303, 121.127, 305.31
CIE-LUV	33.303, -8.731, -125.267
Hunter-Lab	27.71, 61.971, -161.574
Binary	00100010, 00011110, 11110010

#221ef2
```
#221ef2 rgb(34,30,242)
```
#eef21e
```
#eef21e rgb(238,242,30)
```

Complementary Color

#1e84f2
```
#1e84f2 rgb(30,132,242)
```
#221ef2
```
#221ef2 rgb(34,30,242)
```
#8c1ef2
```
#8c1ef2 rgb(140,30,242)
```

Analogous Color

#84f21e
```
#84f21e rgb(132,242,30)
```
#221ef2
```
#221ef2 rgb(34,30,242)
```
#f28c1e
```
#f28c1e rgb(242,140,30)
```

Split Complementary Color

#1ef222
```
#1ef222 rgb(30,242,34)
```
#221ef2
```
#221ef2 rgb(34,30,242)
```
#f2221e
```
#f2221e rgb(242,34,30)
```

Triadic Color

#1eeef2
```
#1eeef2 rgb(30,238,242)
```
#221ef2
```
#221ef2 rgb(34,30,242)
```
#f2221e
```
#f2221e rgb(242,34,30)
```
#eef21e
```
#eef21e rgb(238,242,30)
```

Tetradic Color

#0e0bb9
```
#0e0bb9 rgb(14,11,185)
```
#100cd1
```
#100cd1 rgb(16,12,209)
```
#120de9
```
#120de9 rgb(18,13,233)
```
#221ef2
```
#221ef2 rgb(34,30,242)
```
#3a36f3
```
#3a36f3 rgb(58,54,243)
```
#514ef5
```
#514ef5 rgb(81,78,245)
```
#6966f6
```
#6966f6 rgb(105,102,246)
```

Monochromatic Color

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

#1e4ff2
```
#1e4ff2 rgb(30,79,242)
```
#1e3df2
```
#1e3df2 rgb(30,61,242)
```
#1e2cf2
```
#1e2cf2 rgb(30,44,242)
```
#221ef2
```
#221ef2 rgb(34,30,242)
```
#341ef2
```
#341ef2 rgb(52,30,242)
```
#451ef2
```
#451ef2 rgb(69,30,242)
```
#571ef2
```
#571ef2 rgb(87,30,242)
```

Similar Colors

Text with hexadecimal color #221ef2

This text has a font color of #221ef2.

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

#221ef2 background color

This paragraph has a background color of #221ef2.

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

#221ef2 border color

This element has a border color of #221ef2.

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

CSS codes

.text {color:#221ef2;}

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

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

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

#010110
```
#010110 rgb(1,1,16)
```
#030223
```
#030223 rgb(3,2,35)
```
#040335
```
#040335 rgb(4,3,53)
```
#050448
```
#050448 rgb(5,4,72)
```
#07055a
```
#07055a rgb(7,5,90)
```
#08066d
```
#08066d rgb(8,6,109)
```
#0a077f
```
#0a077f rgb(10,7,127)
```
#0b0892
```
#0b0892 rgb(11,8,146)
```
#0c0aa4
```
#0c0aa4 rgb(12,10,164)
```
#0e0bb7
```
#0e0bb7 rgb(14,11,183)
```
#0f0cca
```
#0f0cca rgb(15,12,202)
```
#110ddc
```
#110ddc rgb(17,13,220)
```
#120eef
```
#120eef rgb(18,14,239)
```

Shade Color Variation

#221ef2
```
#221ef2 rgb(34,30,242)
```
#3431f3
```
#3431f3 rgb(52,49,243)
```
#4643f4
```
#4643f4 rgb(70,67,244)
```
#5956f5
```
#5956f5 rgb(89,86,245)
```
#6b68f6
```
#6b68f6 rgb(107,104,246)
```
#7d7bf7
```
#7d7bf7 rgb(125,123,247)
```
#8f8df8
```
#8f8df8 rgb(143,141,248)
```
#a2a0fa
```
#a2a0fa rgb(162,160,250)
```
#b4b2fb
```
#b4b2fb rgb(180,178,251)
```
#c6c5fc
```
#c6c5fc rgb(198,197,252)
```
#d8d7fd
```
#d8d7fd rgb(216,215,253)
```
#eaeafe
```
#eaeafe rgb(234,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83838d is the less saturated color, while #1915fb is the most saturated one.

#83838d
```
#83838d rgb(131,131,141)
```
#7a7a96
```
#7a7a96 rgb(122,122,150)
```
#7170a0
```
#7170a0 rgb(113,112,160)
```
#6867a9
```
#6867a9 rgb(104,103,169)
```
#605eb2
```
#605eb2 rgb(96,94,178)
```
#5755bb
```
#5755bb rgb(87,85,187)
```
#4e4cc4
```
#4e4cc4 rgb(78,76,196)
```
#4543cd
```
#4543cd rgb(69,67,205)
```
#3c39d7
```
#3c39d7 rgb(60,57,215)
```
#3430e0
```
#3430e0 rgb(52,48,224)
```
#2b27e9
```
#2b27e9 rgb(43,39,233)
```
#221ef2
```
#221ef2 rgb(34,30,242)
```
#1915fb
```
#1915fb rgb(25,21,251)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#33325c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0c41c0 Protanomaly 1% of men, 0.01% of women
#0c44b2 Deuteranomaly 6% of men, 0.4% of women
#0c4897 Tritanomaly 0.01% of the population