#21c9b4 hex color

In a RGB color space, hex #21c9b4 is composed of 12.9% red, 78.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 0% magenta, 10.4% yellow and 21.2% black. It has a hue angle of 172.5 degrees, a saturation of 71.8% and a lightness of 45.9%. #21c9b4 color hex could be obtained by blending #42ffff with #009369. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 79
- B 71
RGB color chart
- C 84
- M 0
- Y 10
- K 21
CMYK color chart

● #21c9b4 color description : Strong cyan.

The hexadecimal color #21c9b4 has RGB values of R:33, G:201, B:180 and CMYK values of C:0.84, M:0, Y:0.1, K:0.21. Its decimal value is 2214324.

Hex triplet	21c9b4	`#21c9b4`
RGB Decimal	33, 201, 180	`rgb(33,201,180)`
RGB Percent	12.9, 78.8, 70.6	`rgb(12.9%,78.8%,70.6%)`
CMYK	84, 0, 10, 21
HSL	172.5°, 71.8, 45.9	`hsl(172.5,71.8%,45.9%)`
HSV (or HSB)	172.5°, 83.6, 78.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.147, -44.774, -0.978
XYZ	29.749, 45.389, 50.371
xyY	0.237, 0.362, 45.389
CIE-LCH	73.147, 44.785, 181.252
CIE-LUV	73.147, -56.811, 5.449
Hunter-Lab	67.371, -39.079, 2.831
Binary	00100001, 11001001, 10110100

#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#c92136
```
#c92136 rgb(201,33,54)
```

Complementary Color

#21c960
```
#21c960 rgb(33,201,96)
```
#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#218ac9
```
#218ac9 rgb(33,138,201)
```

Analogous Color

#c96021
```
#c96021 rgb(201,96,33)
```
#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#c9218a
```
#c9218a rgb(201,33,138)
```

Split Complementary Color

#c9b421
```
#c9b421 rgb(201,180,33)
```
#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#b421c9
```
#b421c9 rgb(180,33,201)
```

Triadic Color

#36c921
```
#36c921 rgb(54,201,33)
```
#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#b421c9
```
#b421c9 rgb(180,33,201)
```
#c92136
```
#c92136 rgb(201,33,54)
```

Tetradic Color

#168779
```
#168779 rgb(22,135,121)
```
#1a9d8d
```
#1a9d8d rgb(26,157,141)
```
#1db3a0
```
#1db3a0 rgb(29,179,160)
```
#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#28dcc5
```
#28dcc5 rgb(40,220,197)
```
#3edfcb
```
#3edfcb rgb(62,223,203)
```
#54e3d1
```
#54e3d1 rgb(84,227,209)
```

Monochromatic Color

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

#21c98a
```
#21c98a rgb(33,201,138)
```
#21c998
```
#21c998 rgb(33,201,152)
```
#21c9a6
```
#21c9a6 rgb(33,201,166)
```
#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#21c9c2
```
#21c9c2 rgb(33,201,194)
```
#21c2c9
```
#21c2c9 rgb(33,194,201)
```
#21b4c9
```
#21b4c9 rgb(33,180,201)
```

Similar Colors

Text with hexadecimal color #21c9b4

This text has a font color of #21c9b4.

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

#21c9b4 background color

This paragraph has a background color of #21c9b4.

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

#21c9b4 border color

This element has a border color of #21c9b4.

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

CSS codes

.text {color:#21c9b4;}

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

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

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, #03100e is the darkest color, while #feffff is the lightest one.

#03100e
```
#03100e rgb(3,16,14)
```
#05211d
```
#05211d rgb(5,33,29)
```
#08312c
```
#08312c rgb(8,49,44)
```
#0b423b
```
#0b423b rgb(11,66,59)
```
#0e534a
```
#0e534a rgb(14,83,74)
```
#106459
```
#106459 rgb(16,100,89)
```
#137569
```
#137569 rgb(19,117,105)
```
#168678
```
#168678 rgb(22,134,120)
```
#199687
```
#199687 rgb(25,150,135)
```
#1ba796
```
#1ba796 rgb(27,167,150)
```
#1eb8a5
```
#1eb8a5 rgb(30,184,165)
```
#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#24dac3
```
#24dac3 rgb(36,218,195)
```

Shade Color Variation

#34dec8
```
#34dec8 rgb(52,222,200)
```
#44e0cd
```
#44e0cd rgb(68,224,205)
```
#55e3d1
```
#55e3d1 rgb(85,227,209)
```
#66e6d6
```
#66e6d6 rgb(102,230,214)
```
#77e9da
```
#77e9da rgb(119,233,218)
```
#88ebdf
```
#88ebdf rgb(136,235,223)
```
#99eee4
```
#99eee4 rgb(153,238,228)
```
#aaf1e8
```
#aaf1e8 rgb(170,241,232)
```
#baf4ed
```
#baf4ed rgb(186,244,237)
```
#cbf7f1
```
#cbf7f1 rgb(203,247,241)
```
#dcf9f6
```
#dcf9f6 rgb(220,249,246)
```
#edfcfa
```
#edfcfa rgb(237,252,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727877 is the less saturated color, while #06e4c8 is the most saturated one.

#727877
```
#727877 rgb(114,120,119)
```
#69817e
```
#69817e rgb(105,129,126)
```
#608a85
```
#608a85 rgb(96,138,133)
```
#57938c
```
#57938c rgb(87,147,140)
```
#4e9c92
```
#4e9c92 rgb(78,156,146)
```
#45a599
```
#45a599 rgb(69,165,153)
```
#3caea0
```
#3caea0 rgb(60,174,160)
```
#33b7a7
```
#33b7a7 rgb(51,183,167)
```
#2ac0ad
```
#2ac0ad rgb(42,192,173)
```
#21c9b4
```
#21c9b4 rgb(33,201,180)
```
#18d2bb
```
#18d2bb rgb(24,210,187)
```
#0fdbc2
```
#0fdbc2 rgb(15,219,194)
```
#06e4c8
```
#06e4c8 rgb(6,228,200)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7d9f9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb6ad Protanopia 1% of men
#c3b2c1 Deuteranopia 1% of men
#49c7d5 Tritanopia 0.001% of the population

Trichromacy

#84bdaf Protanomaly 1% of men, 0.01% of women
#88babc Deuteranomaly 6% of men, 0.4% of women
#3ac7c9 Tritanomaly 0.01% of the population

#21c9b4 hex color

#21c9b4 Color Information

#21c9b4 Color Conversion

Color Schemes with #21c9b4

Alternatives to #21c9b4

#21c9b4 Preview

Shades and Tints of #21c9b4

Tones of #21c9b4

Color Blindness Simulator