#21d1bb hex color

In a RGB color space, hex #21d1bb is composed of 12.9% red, 82% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 10.5% yellow and 18% black. It has a hue angle of 172.5 degrees, a saturation of 72.7% and a lightness of 47.5%. #21d1bb color hex could be obtained by blending #42ffff with #00a377. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 82
- B 73
RGB color chart
- C 84
- M 0
- Y 11
- K 18
CMYK color chart

● #21d1bb color description : Strong cyan.

The hexadecimal color #21d1bb has RGB values of R:33, G:209, B:187 and CMYK values of C:0.84, M:0, Y:0.11, K:0.18. Its decimal value is 2216379.

Hex triplet	21d1bb	`#21d1bb`
RGB Decimal	33, 209, 187	`rgb(33,209,187)`
RGB Percent	12.9, 82, 73.3	`rgb(12.9%,82%,73.3%)`
CMYK	84, 0, 11, 18
HSL	172.5°, 72.7, 47.5	`hsl(172.5,72.7%,47.5%)`
HSV (or HSB)	172.5°, 84.2, 82
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.767, -46.288, -0.927
XYZ	32.394, 49.509, 54.86
xyY	0.237, 0.362, 49.509
CIE-LCH	75.767, 46.298, 181.147
CIE-LUV	75.767, -59.033, 5.795
Hunter-Lab	70.362, -40.955, 3.027
Binary	00100001, 11010001, 10111011

#21d1bb
```
#21d1bb rgb(33,209,187)
```
#d12137
```
#d12137 rgb(209,33,55)
```

Complementary Color

#21d163
```
#21d163 rgb(33,209,99)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```
#218fd1
```
#218fd1 rgb(33,143,209)
```

Analogous Color

#d16321
```
#d16321 rgb(209,99,33)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```
#d1218f
```
#d1218f rgb(209,33,143)
```

Split Complementary Color

#d1bb21
```
#d1bb21 rgb(209,187,33)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```
#bb21d1
```
#bb21d1 rgb(187,33,209)
```

Triadic Color

#37d121
```
#37d121 rgb(55,209,33)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```
#bb21d1
```
#bb21d1 rgb(187,33,209)
```
#d12137
```
#d12137 rgb(209,33,55)
```

Tetradic Color

#178f80
```
#178f80 rgb(23,143,128)
```
#1aa594
```
#1aa594 rgb(26,165,148)
```
#1ebba7
```
#1ebba7 rgb(30,187,167)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```
#2edec8
```
#2edec8 rgb(46,222,200)
```
#44e1ce
```
#44e1ce rgb(68,225,206)
```
#5ae5d3
```
#5ae5d3 rgb(90,229,211)
```

Monochromatic Color

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

#21d18f
```
#21d18f rgb(33,209,143)
```
#21d19e
```
#21d19e rgb(33,209,158)
```
#21d1ac
```
#21d1ac rgb(33,209,172)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```
#21d1ca
```
#21d1ca rgb(33,209,202)
```
#21cad1
```
#21cad1 rgb(33,202,209)
```
#21bbd1
```
#21bbd1 rgb(33,187,209)
```

Similar Colors

Text with hexadecimal color #21d1bb

This text has a font color of #21d1bb.

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

#21d1bb background color

This paragraph has a background color of #21d1bb.

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

#21d1bb border color

This element has a border color of #21d1bb.

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

CSS codes

.text {color:#21d1bb;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#041714
```
#041714 rgb(4,23,20)
```
#062823
```
#062823 rgb(6,40,35)
```
#093933
```
#093933 rgb(9,57,51)
```
#0c4942
```
#0c4942 rgb(12,73,66)
```
#0e5a51
```
#0e5a51 rgb(14,90,81)
```
#116b60
```
#116b60 rgb(17,107,96)
```
#147c6f
```
#147c6f rgb(20,124,111)
```
#168d7e
```
#168d7e rgb(22,141,126)
```
#199e8e
```
#199e8e rgb(25,158,142)
```
#1caf9d
```
#1caf9d rgb(28,175,157)
```
#1ec0ac
```
#1ec0ac rgb(30,192,172)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```

Shade Color Variation

#28ddc7
```
#28ddc7 rgb(40,221,199)
```
#39e0cb
```
#39e0cb rgb(57,224,203)
```
#4ae2cf
```
#4ae2cf rgb(74,226,207)
```
#5be5d4
```
#5be5d4 rgb(91,229,212)
```
#6ce8d8
```
#6ce8d8 rgb(108,232,216)
```
#7debdd
```
#7debdd rgb(125,235,221)
```
#8eede1
```
#8eede1 rgb(142,237,225)
```
#9ff0e6
```
#9ff0e6 rgb(159,240,230)
```
#b0f3ea
```
#b0f3ea rgb(176,243,234)
```
#c1f5ef
```
#c1f5ef rgb(193,245,239)
```
#d2f8f3
```
#d2f8f3 rgb(210,248,243)
```
#e3fbf8
```
#e3fbf8 rgb(227,251,248)
```
#f4fdfc
```
#f4fdfc rgb(244,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757d7c is the less saturated color, while #05edd0 is the most saturated one.

#757d7c
```
#757d7c rgb(117,125,124)
```
#6b8783
```
#6b8783 rgb(107,135,131)
```
#62908a
```
#62908a rgb(98,144,138)
```
#599991
```
#599991 rgb(89,153,145)
```
#50a298
```
#50a298 rgb(80,162,152)
```
#46ac9f
```
#46ac9f rgb(70,172,159)
```
#3db5a6
```
#3db5a6 rgb(61,181,166)
```
#34bead
```
#34bead rgb(52,190,173)
```
#2ac8b4
```
#2ac8b4 rgb(42,200,180)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```
#0ee4c9
```
#0ee4c9 rgb(14,228,201)
```
#05edd0
```
#05edd0 rgb(5,237,208)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#82a5a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4bdb3 Protanopia 1% of men
#cbb9c8 Deuteranopia 1% of men
#4bcedd Tritanopia 0.001% of the population

Trichromacy

#88c4b6 Protanomaly 1% of men, 0.01% of women
#8dc1c3 Deuteranomaly 6% of men, 0.4% of women
#3bcfd1 Tritanomaly 0.01% of the population

#21d1bb hex color

#21d1bb Color Information

#21d1bb Color Conversion

Color Schemes with #21d1bb

Alternatives to #21d1bb

#21d1bb Preview

Shades and Tints of #21d1bb

Tones of #21d1bb

Color Blindness Simulator