#21e2f2 hex color

In a RGB color space, hex #21e2f2 is composed of 12.9% red, 88.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 6.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 184.6 degrees, a saturation of 88.9% and a lightness of 53.9%. #21e2f2 color hex could be obtained by blending #42ffff with #00c5e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 89
- B 95
RGB color chart
- C 86
- M 7
- Y 0
- K 5
CMYK color chart

● #21e2f2 color description : Vivid cyan.

The hexadecimal color #21e2f2 has RGB values of R:33, G:226, B:242 and CMYK values of C:0.86, M:0.07, Y:0, K:0.05. Its decimal value is 2220786.

Hex triplet	21e2f2	`#21e2f2`
RGB Decimal	33, 226, 242	`rgb(33,226,242)`
RGB Percent	12.9, 88.6, 94.9	`rgb(12.9%,88.6%,94.9%)`
CMYK	86, 7, 0, 5
HSL	184.6°, 88.9, 53.9	`hsl(184.6,88.9%,53.9%)`
HSV (or HSB)	184.6°, 86.4, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.445, -37.993, -20.358
XYZ	43.846, 61.122, 93.486
xyY	0.221, 0.308, 61.122
CIE-LCH	82.445, 43.103, 208.184
CIE-LUV	82.445, -60.59, -26.916
Hunter-Lab	78.181, -36.709, -16.171
Binary	00100001, 11100010, 11110010

#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#f23121
```
#f23121 rgb(242,49,33)
```

Complementary Color

#21f29a
```
#21f29a rgb(33,242,154)
```
#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#217af2
```
#217af2 rgb(33,122,242)
```

Analogous Color

#f29a21
```
#f29a21 rgb(242,154,33)
```
#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#f2217a
```
#f2217a rgb(242,33,122)
```

Split Complementary Color

#e2f221
```
#e2f221 rgb(226,242,33)
```
#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#f221e2
```
#f221e2 rgb(242,33,226)
```

Triadic Color

#21f231
```
#21f231 rgb(33,242,49)
```
#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#f221e2
```
#f221e2 rgb(242,33,226)
```
#f23121
```
#f23121 rgb(242,49,33)
```

Tetradic Color

#0baebc
```
#0baebc rgb(11,174,188)
```
#0cc4d4
```
#0cc4d4 rgb(12,196,212)
```
#0edbec
```
#0edbec rgb(14,219,236)
```
#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#39e5f3
```
#39e5f3 rgb(57,229,243)
```
#51e8f5
```
#51e8f5 rgb(81,232,245)
```
#69ebf6
```
#69ebf6 rgb(105,235,246)
```

Monochromatic Color

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

#21f2ce
```
#21f2ce rgb(33,242,206)
```
#21f2df
```
#21f2df rgb(33,242,223)
```
#21f2f1
```
#21f2f1 rgb(33,242,241)
```
#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#21d1f2
```
#21d1f2 rgb(33,209,242)
```
#21bff2
```
#21bff2 rgb(33,191,242)
```
#21aef2
```
#21aef2 rgb(33,174,242)
```

Similar Colors

Text with hexadecimal color #21e2f2

This text has a font color of #21e2f2.

<span style="color:#21e2f2;">Text here</span>

#21e2f2 background color

This paragraph has a background color of #21e2f2.

<p style="background-color:#21e2f2;">Content here</p>

#21e2f2 border color

This element has a border color of #21e2f2.

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

CSS codes

.text {color:#21e2f2;}

.background {background-color:#21e2f2;}

.border {border:1px solid #21e2f2;}

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

#000000
```
#000000 rgb(0,0,0)
```
#011213
```
#011213 rgb(1,18,19)
```
#022325
```
#022325 rgb(2,35,37)
```
#033438
```
#033438 rgb(3,52,56)
```
#04454a
```
#04454a rgb(4,69,74)
```
#05565d
```
#05565d rgb(5,86,93)
```
#076870
```
#076870 rgb(7,104,112)
```
#087982
```
#087982 rgb(8,121,130)
```
#098a95
```
#098a95 rgb(9,138,149)
```
#0a9ba7
```
#0a9ba7 rgb(10,155,167)
```
#0bacba
```
#0bacba rgb(11,172,186)
```
#0cbdcc
```
#0cbdcc rgb(12,189,204)
```
#0dcfdf
```
#0dcfdf rgb(13,207,223)
```

Shade Color Variation

#0ee0f1
```
#0ee0f1 rgb(14,224,241)
```
#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#34e4f3
```
#34e4f3 rgb(52,228,243)
```
#46e7f4
```
#46e7f4 rgb(70,231,244)
```
#59e9f5
```
#59e9f5 rgb(89,233,245)
```
#6becf6
```
#6becf6 rgb(107,236,246)
```
#7eeef7
```
#7eeef7 rgb(126,238,247)
```
#90f1f9
```
#90f1f9 rgb(144,241,249)
```
#a3f3fa
```
#a3f3fa rgb(163,243,250)
```
#b5f5fb
```
#b5f5fb rgb(181,245,251)
```
#c8f8fc
```
#c8f8fc rgb(200,248,252)
```
#dafafd
```
#dafafd rgb(218,250,253)
```
#edfdfe
```
#edfdfe rgb(237,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848e8f is the less saturated color, while #18eafb is the most saturated one.

#848e8f
```
#848e8f rgb(132,142,143)
```
#7b9598
```
#7b9598 rgb(123,149,152)
```
#729da1
```
#729da1 rgb(114,157,161)
```
#69a5aa
```
#69a5aa rgb(105,165,170)
```
#60acb3
```
#60acb3 rgb(96,172,179)
```
#57b4bc
```
#57b4bc rgb(87,180,188)
```
#4ebcc5
```
#4ebcc5 rgb(78,188,197)
```
#45c3ce
```
#45c3ce rgb(69,195,206)
```
#3ccbd7
```
#3ccbd7 rgb(60,203,215)
```
#33d3e0
```
#33d3e0 rgb(51,211,224)
```
#2adae9
```
#2adae9 rgb(42,218,233)
```
#21e2f2
```
#21e2f2 rgb(33,226,242)
```
#18eafb
```
#18eafb rgb(24,234,251)
```

Tone Color Variation

Below, you can see how #21e2f2 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

#aaaaaa Achromatopsia 0.005% of the population
#8fb5b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccee6 Protanopia 1% of men
#cbcbfb Deuteranopia 1% of men
#2ee3f3 Tritanopia 0.001% of the population

Trichromacy

#8dd5ea Protanomaly 1% of men, 0.01% of women
#8dd3f8 Deuteranomaly 6% of men, 0.4% of women
#29e2f3 Tritanomaly 0.01% of the population

#21e2f2 hex color

#21e2f2 Color Information

#21e2f2 Color Conversion

Color Schemes with #21e2f2

Alternatives to #21e2f2

#21e2f2 Preview

Shades and Tints of #21e2f2

Tones of #21e2f2

Color Blindness Simulator