colorhexa.com

#21d1af hex color

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

- R 13
- G 82
- B 69
RGB color chart
- C 84
- M 0
- Y 16
- K 18
CMYK color chart

● #21d1af color description : Strong cyan.

The hexadecimal color #21d1af has RGB values of R:33, G:209, B:175 and CMYK values of C:0.84, M:0, Y:0.16, K:0.18. Its decimal value is 2216367.

Hex triplet	21d1af	`#21d1af`
RGB Decimal	33, 209, 175	`rgb(33,209,175)`
RGB Percent	12.9, 82, 68.6	`rgb(12.9%,82%,68.6%)`
CMYK	84, 0, 16, 18
HSL	168.4°, 72.7, 47.5	`hsl(168.4,72.7%,47.5%)`
HSV (or HSB)	168.4°, 84.2, 82
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.461, -49.455, 5.083
XYZ	31.163, 49.016, 48.374
xyY	0.242, 0.381, 49.016
CIE-LCH	75.461, 49.716, 174.132
CIE-LUV	75.461, -59.93, 15.33
Hunter-Lab	70.012, -43.069, 8.042
Binary	00100001, 11010001, 10101111

#21d1af
```
#21d1af rgb(33,209,175)
```
#d12143
```
#d12143 rgb(209,33,67)
```

Complementary Color

#21d157
```
#21d157 rgb(33,209,87)
```
#21d1af
```
#21d1af rgb(33,209,175)
```
#219bd1
```
#219bd1 rgb(33,155,209)
```

Analogous Color

#d15721
```
#d15721 rgb(209,87,33)
```
#21d1af
```
#21d1af rgb(33,209,175)
```
#d1219b
```
#d1219b rgb(209,33,155)
```

Split Complementary Color

#d1af21
```
#d1af21 rgb(209,175,33)
```
#21d1af
```
#21d1af rgb(33,209,175)
```
#af21d1
```
#af21d1 rgb(175,33,209)
```

Triadic Color

#43d121
```
#43d121 rgb(67,209,33)
```
#21d1af
```
#21d1af rgb(33,209,175)
```
#af21d1
```
#af21d1 rgb(175,33,209)
```
#d12143
```
#d12143 rgb(209,33,67)
```

Tetradic Color

#178f78
```
#178f78 rgb(23,143,120)
```
#1aa58a
```
#1aa58a rgb(26,165,138)
```
#1ebb9d
```
#1ebb9d rgb(30,187,157)
```
#21d1af
```
#21d1af rgb(33,209,175)
```
#2edebc
```
#2edebc rgb(46,222,188)
```
#44e1c3
```
#44e1c3 rgb(68,225,195)
```
#5ae5ca
```
#5ae5ca rgb(90,229,202)
```

Monochromatic Color

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

#21d183
```
#21d183 rgb(33,209,131)
```
#21d192
```
#21d192 rgb(33,209,146)
```
#21d1a0
```
#21d1a0 rgb(33,209,160)
```
#21d1af
```
#21d1af rgb(33,209,175)
```
#21d1be
```
#21d1be rgb(33,209,190)
```
#21d1cc
```
#21d1cc rgb(33,209,204)
```
#21c7d1
```
#21c7d1 rgb(33,199,209)
```

Similar Colors

Text with hexadecimal color #21d1af

This text has a font color of #21d1af.

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

#21d1af background color

This paragraph has a background color of #21d1af.

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

#21d1af border color

This element has a border color of #21d1af.

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

CSS codes

.text {color:#21d1af;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#041713
```
#041713 rgb(4,23,19)
```
#062821
```
#062821 rgb(6,40,33)
```
#09392f
```
#09392f rgb(9,57,47)
```
#0c493e
```
#0c493e rgb(12,73,62)
```
#0e5a4c
```
#0e5a4c rgb(14,90,76)
```
#116b5a
```
#116b5a rgb(17,107,90)
```
#147c68
```
#147c68 rgb(20,124,104)
```
#168d76
```
#168d76 rgb(22,141,118)
```
#199e84
```
#199e84 rgb(25,158,132)
```
#1caf93
```
#1caf93 rgb(28,175,147)
```
#1ec0a1
```
#1ec0a1 rgb(30,192,161)
```
#21d1af
```
#21d1af rgb(33,209,175)
```

Shade Color Variation

#28ddba
```
#28ddba rgb(40,221,186)
```
#39e0c0
```
#39e0c0 rgb(57,224,192)
```
#4ae2c5
```
#4ae2c5 rgb(74,226,197)
```
#5be5cb
```
#5be5cb rgb(91,229,203)
```
#6ce8d0
```
#6ce8d0 rgb(108,232,208)
```
#7debd5
```
#7debd5 rgb(125,235,213)
```
#8eeddb
```
#8eeddb rgb(142,237,219)
```
#9ff0e0
```
#9ff0e0 rgb(159,240,224)
```
#b0f3e6
```
#b0f3e6 rgb(176,243,230)
```
#c1f5eb
```
#c1f5eb rgb(193,245,235)
```
#d2f8f1
```
#d2f8f1 rgb(210,248,241)
```
#e3fbf6
```
#e3fbf6 rgb(227,251,246)
```
#f4fdfb
```
#f4fdfb rgb(244,253,251)
```

Tint Color Variation

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

#757d7c
```
#757d7c rgb(117,125,124)
```
#6b8781
```
#6b8781 rgb(107,135,129)
```
#629087
```
#629087 rgb(98,144,135)
```
#59998d
```
#59998d rgb(89,153,141)
```
#50a292
```
#50a292 rgb(80,162,146)
```
#46ac98
```
#46ac98 rgb(70,172,152)
```
#3db59e
```
#3db59e rgb(61,181,158)
```
#34bea4
```
#34bea4 rgb(52,190,164)
```
#2ac8a9
```
#2ac8a9 rgb(42,200,169)
```
#21d1af
```
#21d1af rgb(33,209,175)
```
#18dab5
```
#18dab5 rgb(24,218,181)
```
#0ee4ba
```
#0ee4ba rgb(14,228,186)
```
#05edc0
```
#05edc0 rgb(5,237,192)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#81a49d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5bca8 Protanopia 1% of men
#ceb7bc Deuteranopia 1% of men
#51cddc Tritanopia 0.001% of the population

Trichromacy

#89c4aa Protanomaly 1% of men, 0.01% of women
#8fc0b7 Deuteranomaly 6% of men, 0.4% of women
#3fcecb Tritanomaly 0.01% of the population