#21f2c4 hex color

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

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

● #21f2c4 color description : Vivid cyan.

The hexadecimal color #21f2c4 has RGB values of R:33, G:242, B:196 and CMYK values of C:0.86, M:0, Y:0.19, K:0.05. Its decimal value is 2224836.

Hex triplet	21f2c4	`#21f2c4`
RGB Decimal	33, 242, 196	`rgb(33,242,196)`
RGB Percent	12.9, 94.9, 76.9	`rgb(12.9%,94.9%,76.9%)`
CMYK	86, 0, 19, 5
HSL	166.8°, 88.9, 53.9	`hsl(166.8,88.9%,53.9%)`
HSV (or HSB)	166.8°, 86.4, 94.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.911, -57.409, 8.982
XYZ	42.339, 67.809, 63.078
xyY	0.244, 0.391, 67.809
CIE-LCH	85.911, 58.108, 171.108
CIE-LUV	85.911, -69.482, 22.775
Hunter-Lab	82.346, -52.327, 12.225
Binary	00100001, 11110010, 11000100

#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#f2214f
```
#f2214f rgb(242,33,79)
```

Complementary Color

#21f25c
```
#21f25c rgb(33,242,92)
```
#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#21b8f2
```
#21b8f2 rgb(33,184,242)
```

Analogous Color

#f25c21
```
#f25c21 rgb(242,92,33)
```
#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#f221b8
```
#f221b8 rgb(242,33,184)
```

Split Complementary Color

#f2c421
```
#f2c421 rgb(242,196,33)
```
#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#c421f2
```
#c421f2 rgb(196,33,242)
```

Triadic Color

#4ff221
```
#4ff221 rgb(79,242,33)
```
#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#c421f2
```
#c421f2 rgb(196,33,242)
```
#f2214f
```
#f2214f rgb(242,33,79)
```

Tetradic Color

#0bbc95
```
#0bbc95 rgb(11,188,149)
```
#0cd4a8
```
#0cd4a8 rgb(12,212,168)
```
#0eecbb
```
#0eecbb rgb(14,236,187)
```
#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#39f3ca
```
#39f3ca rgb(57,243,202)
```
#51f5d1
```
#51f5d1 rgb(81,245,209)
```
#69f6d7
```
#69f6d7 rgb(105,246,215)
```

Monochromatic Color

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

#21f290
```
#21f290 rgb(33,242,144)
```
#21f2a1
```
#21f2a1 rgb(33,242,161)
```
#21f2b3
```
#21f2b3 rgb(33,242,179)
```
#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#21f2d5
```
#21f2d5 rgb(33,242,213)
```
#21f2e7
```
#21f2e7 rgb(33,242,231)
```
#21ecf2
```
#21ecf2 rgb(33,236,242)
```

Similar Colors

Text with hexadecimal color #21f2c4

This text has a font color of #21f2c4.

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

#21f2c4 background color

This paragraph has a background color of #21f2c4.

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

#21f2c4 border color

This element has a border color of #21f2c4.

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

CSS codes

.text {color:#21f2c4;}

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

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

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 #edfefa is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#01130f
```
#01130f rgb(1,19,15)
```
#02251e
```
#02251e rgb(2,37,30)
```
#03382c
```
#03382c rgb(3,56,44)
```
#044a3b
```
#044a3b rgb(4,74,59)
```
#055d4a
```
#055d4a rgb(5,93,74)
```
#077058
```
#077058 rgb(7,112,88)
```
#088267
```
#088267 rgb(8,130,103)
```
#099576
```
#099576 rgb(9,149,118)
```
#0aa785
```
#0aa785 rgb(10,167,133)
```
#0bba93
```
#0bba93 rgb(11,186,147)
```
#0ccca2
```
#0ccca2 rgb(12,204,162)
```
#0ddfb1
```
#0ddfb1 rgb(13,223,177)
```

Shade Color Variation

#0ef1bf
```
#0ef1bf rgb(14,241,191)
```
#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#34f3c9
```
#34f3c9 rgb(52,243,201)
```
#46f4ce
```
#46f4ce rgb(70,244,206)
```
#59f5d3
```
#59f5d3 rgb(89,245,211)
```
#6bf6d8
```
#6bf6d8 rgb(107,246,216)
```
#7ef7dd
```
#7ef7dd rgb(126,247,221)
```
#90f9e2
```
#90f9e2 rgb(144,249,226)
```
#a3fae6
```
#a3fae6 rgb(163,250,230)
```
#b5fbeb
```
#b5fbeb rgb(181,251,235)
```
#c8fcf0
```
#c8fcf0 rgb(200,252,240)
```
#dafdf5
```
#dafdf5 rgb(218,253,245)
```
#edfefa
```
#edfefa rgb(237,254,250)
```

Tint Color Variation

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

#848f8c
```
#848f8c rgb(132,143,140)
```
#7b9891
```
#7b9891 rgb(123,152,145)
```
#72a196
```
#72a196 rgb(114,161,150)
```
#69aa9c
```
#69aa9c rgb(105,170,156)
```
#60b3a1
```
#60b3a1 rgb(96,179,161)
```
#57bca6
```
#57bca6 rgb(87,188,166)
```
#4ec5ab
```
#4ec5ab rgb(78,197,171)
```
#45ceb0
```
#45ceb0 rgb(69,206,176)
```
#3cd7b5
```
#3cd7b5 rgb(60,215,181)
```
#33e0ba
```
#33e0ba rgb(51,224,186)
```
#2ae9bf
```
#2ae9bf rgb(42,233,191)
```
#21f2c4
```
#21f2c4 rgb(33,242,196)
```
#18fbc9
```
#18fbc9 rgb(24,251,201)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#92bcb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d8ba Protanopia 1% of men
#efd2d2 Deuteranopia 1% of men
#5debfc Tritanopia 0.001% of the population

Trichromacy

#9ce1bd Protanomaly 1% of men, 0.01% of women
#a4ddcd Deuteranomaly 6% of men, 0.4% of women
#47ede7 Tritanomaly 0.01% of the population

#21f2c4 hex color

#21f2c4 Color Information

#21f2c4 Color Conversion

Color Schemes with #21f2c4

Alternatives to #21f2c4

#21f2c4 Preview

Shades and Tints of #21f2c4

Tones of #21f2c4

Color Blindness Simulator