#21eaf2 hex color

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

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

● #21eaf2 color description : Vivid cyan.

The hexadecimal color #21eaf2 has RGB values of R:33, G:234, B:242 and CMYK values of C:0.86, M:0.03, Y:0, K:0.05. Its decimal value is 2222834.

Hex triplet	21eaf2	`#21eaf2`
RGB Decimal	33, 234, 242	`rgb(33,234,242)`
RGB Percent	12.9, 91.8, 94.9	`rgb(12.9%,91.8%,94.9%)`
CMYK	86, 3, 0, 5
HSL	182.3°, 88.9, 53.9	`hsl(182.3,88.9%,53.9%)`
HSV (or HSB)	182.3°, 86.4, 94.9
Web Safe	33ffff	`#33ffff`

CIE-LAB	84.779, -41.625, -16.834
XYZ	46.072, 65.575, 94.229
xyY	0.224, 0.319, 65.575
CIE-LCH	84.779, 44.9, 202.02
CIE-LUV	84.779, -63.281, -20.542
Hunter-Lab	80.978, -40.156, -12.306
Binary	00100001, 11101010, 11110010

#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#f22921
```
#f22921 rgb(242,41,33)
```

Complementary Color

#21f292
```
#21f292 rgb(33,242,146)
```
#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#2182f2
```
#2182f2 rgb(33,130,242)
```

Analogous Color

#f29221
```
#f29221 rgb(242,146,33)
```
#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#f22182
```
#f22182 rgb(242,33,130)
```

Split Complementary Color

#eaf221
```
#eaf221 rgb(234,242,33)
```
#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#f221ea
```
#f221ea rgb(242,33,234)
```

Triadic Color

#21f229
```
#21f229 rgb(33,242,41)
```
#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#f221ea
```
#f221ea rgb(242,33,234)
```
#f22921
```
#f22921 rgb(242,41,33)
```

Tetradic Color

#0bb5bc
```
#0bb5bc rgb(11,181,188)
```
#0cccd4
```
#0cccd4 rgb(12,204,212)
```
#0ee3ec
```
#0ee3ec rgb(14,227,236)
```
#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#39ecf3
```
#39ecf3 rgb(57,236,243)
```
#51eff5
```
#51eff5 rgb(81,239,245)
```
#69f1f6
```
#69f1f6 rgb(105,241,246)
```

Monochromatic Color

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

#21f2c6
```
#21f2c6 rgb(33,242,198)
```
#21f2d7
```
#21f2d7 rgb(33,242,215)
```
#21f2e9
```
#21f2e9 rgb(33,242,233)
```
#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#21d9f2
```
#21d9f2 rgb(33,217,242)
```
#21c7f2
```
#21c7f2 rgb(33,199,242)
```
#21b6f2
```
#21b6f2 rgb(33,182,242)
```

Similar Colors

Text with hexadecimal color #21eaf2

This text has a font color of #21eaf2.

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

#21eaf2 background color

This paragraph has a background color of #21eaf2.

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

#21eaf2 border color

This element has a border color of #21eaf2.

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

CSS codes

.text {color:#21eaf2;}

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

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

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)
```
#022425
```
#022425 rgb(2,36,37)
```
#033638
```
#033638 rgb(3,54,56)
```
#04484a
```
#04484a rgb(4,72,74)
```
#055a5d
```
#055a5d rgb(5,90,93)
```
#076c70
```
#076c70 rgb(7,108,112)
```
#087d82
```
#087d82 rgb(8,125,130)
```
#098f95
```
#098f95 rgb(9,143,149)
```
#0aa1a7
```
#0aa1a7 rgb(10,161,167)
```
#0bb3ba
```
#0bb3ba rgb(11,179,186)
```
#0cc5cc
```
#0cc5cc rgb(12,197,204)
```
#0dd7df
```
#0dd7df rgb(13,215,223)
```

Shade Color Variation

#0ee8f1
```
#0ee8f1 rgb(14,232,241)
```
#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#34ecf3
```
#34ecf3 rgb(52,236,243)
```
#46eef4
```
#46eef4 rgb(70,238,244)
```
#59eff5
```
#59eff5 rgb(89,239,245)
```
#6bf1f6
```
#6bf1f6 rgb(107,241,246)
```
#7ef3f7
```
#7ef3f7 rgb(126,243,247)
```
#90f5f9
```
#90f5f9 rgb(144,245,249)
```
#a3f6fa
```
#a3f6fa rgb(163,246,250)
```
#b5f8fb
```
#b5f8fb rgb(181,248,251)
```
#c8fafc
```
#c8fafc rgb(200,250,252)
```
#dafcfd
```
#dafcfd rgb(218,252,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 #18f2fb is the most saturated one.

#848e8f
```
#848e8f rgb(132,142,143)
```
#7b9798
```
#7b9798 rgb(123,151,152)
```
#729fa1
```
#729fa1 rgb(114,159,161)
```
#69a7aa
```
#69a7aa rgb(105,167,170)
```
#60b0b3
```
#60b0b3 rgb(96,176,179)
```
#57b8bc
```
#57b8bc rgb(87,184,188)
```
#4ec0c5
```
#4ec0c5 rgb(78,192,197)
```
#45c9ce
```
#45c9ce rgb(69,201,206)
```
#3cd1d7
```
#3cd1d7 rgb(60,209,215)
```
#33d9e0
```
#33d9e0 rgb(51,217,224)
```
#2ae2e9
```
#2ae2e9 rgb(42,226,233)
```
#21eaf2
```
#21eaf2 rgb(33,234,242)
```
#18f2fb
```
#18f2fb rgb(24,242,251)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#93bbbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d4e5 Protanopia 1% of men
#d5d1fc Deuteranopia 1% of men
#39e9fa Tritanopia 0.001% of the population

Trichromacy

#93dcea Protanomaly 1% of men, 0.01% of women
#94daf8 Deuteranomaly 6% of men, 0.4% of women
#30e9f7 Tritanomaly 0.01% of the population

#21eaf2 hex color

#21eaf2 Color Information

#21eaf2 Color Conversion

Color Schemes with #21eaf2

Alternatives to #21eaf2

#21eaf2 Preview

Shades and Tints of #21eaf2

Tones of #21eaf2

Color Blindness Simulator