#21af9c hex color

In a RGB color space, hex #21af9c is composed of 12.9% red, 68.6% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 10.9% yellow and 31.4% black. It has a hue angle of 172 degrees, a saturation of 68.3% and a lightness of 40.8%. #21af9c color hex could be obtained by blending #42ffff with #005f39. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 69
- B 61
RGB color chart
- C 81
- M 0
- Y 11
- K 31
CMYK color chart

● #21af9c color description : Dark cyan.

The hexadecimal color #21af9c has RGB values of R:33, G:175, B:156 and CMYK values of C:0.81, M:0, Y:0.11, K:0.31. Its decimal value is 2207644.

Hex triplet	21af9c	`#21af9c`
RGB Decimal	33, 175, 156	`rgb(33,175,156)`
RGB Percent	12.9, 68.6, 61.2	`rgb(12.9%,68.6%,61.2%)`
CMYK	81, 0, 11, 31
HSL	172°, 68.3, 40.8	`hsl(172,68.3%,40.8%)`
HSV (or HSB)	172°, 81.1, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.469, -40.057, -0.495
XYZ	21.956, 33.381, 36.737
xyY	0.238, 0.363, 33.381
CIE-LCH	64.469, 40.061, 180.707
CIE-LUV	64.469, -49.509, 5.335
Hunter-Lab	57.777, -33.277, 2.745
Binary	00100001, 10101111, 10011100

#21af9c
```
#21af9c rgb(33,175,156)
```
#af2134
```
#af2134 rgb(175,33,52)
```

Complementary Color

#21af55
```
#21af55 rgb(33,175,85)
```
#21af9c
```
#21af9c rgb(33,175,156)
```
#217baf
```
#217baf rgb(33,123,175)
```

Analogous Color

#af5521
```
#af5521 rgb(175,85,33)
```
#21af9c
```
#21af9c rgb(33,175,156)
```
#af217b
```
#af217b rgb(175,33,123)
```

Split Complementary Color

#af9c21
```
#af9c21 rgb(175,156,33)
```
#21af9c
```
#21af9c rgb(33,175,156)
```
#9c21af
```
#9c21af rgb(156,33,175)
```

Triadic Color

#34af21
```
#34af21 rgb(52,175,33)
```
#21af9c
```
#21af9c rgb(33,175,156)
```
#9c21af
```
#9c21af rgb(156,33,175)
```
#af2134
```
#af2134 rgb(175,33,52)
```

Tetradic Color

#156f63
```
#156f63 rgb(21,111,99)
```
#198476
```
#198476 rgb(25,132,118)
```
#1d9a89
```
#1d9a89 rgb(29,154,137)
```
#21af9c
```
#21af9c rgb(33,175,156)
```
#25c4af
```
#25c4af rgb(37,196,175)
```
#2cd7c0
```
#2cd7c0 rgb(44,215,192)
```
#41dbc7
```
#41dbc7 rgb(65,219,199)
```

Monochromatic Color

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

#21af79
```
#21af79 rgb(33,175,121)
```
#21af84
```
#21af84 rgb(33,175,132)
```
#21af90
```
#21af90 rgb(33,175,144)
```
#21af9c
```
#21af9c rgb(33,175,156)
```
#21afa8
```
#21afa8 rgb(33,175,168)
```
#21aaaf
```
#21aaaf rgb(33,170,175)
```
#219faf
```
#219faf rgb(33,159,175)
```

Similar Colors

Text with hexadecimal color #21af9c

This text has a font color of #21af9c.

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

#21af9c background color

This paragraph has a background color of #21af9c.

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

#21af9c border color

This element has a border color of #21af9c.

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

CSS codes

.text {color:#21af9c;}

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

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

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, #020a09 is the darkest color, while #f8fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#051a18
```
#051a18 rgb(5,26,24)
```
#082b26
```
#082b26 rgb(8,43,38)
```
#0b3b35
```
#0b3b35 rgb(11,59,53)
```
#0e4c44
```
#0e4c44 rgb(14,76,68)
```
#115c52
```
#115c52 rgb(17,92,82)
```
#156d61
```
#156d61 rgb(21,109,97)
```
#187d70
```
#187d70 rgb(24,125,112)
```
#1b8e7f
```
#1b8e7f rgb(27,142,127)
```
#1e9e8d
```
#1e9e8d rgb(30,158,141)
```
#21af9c
```
#21af9c rgb(33,175,156)
```
#24c0ab
```
#24c0ab rgb(36,192,171)
```
#27d0b9
```
#27d0b9 rgb(39,208,185)
```

Shade Color Variation

#32d8c2
```
#32d8c2 rgb(50,216,194)
```
#43dcc7
```
#43dcc7 rgb(67,220,199)
```
#53dfcc
```
#53dfcc rgb(83,223,204)
```
#64e2d1
```
#64e2d1 rgb(100,226,209)
```
#74e5d6
```
#74e5d6 rgb(116,229,214)
```
#85e8db
```
#85e8db rgb(133,232,219)
```
#95ebe0
```
#95ebe0 rgb(149,235,224)
```
#a6eee5
```
#a6eee5 rgb(166,238,229)
```
#b6f1e9
```
#b6f1e9 rgb(182,241,233)
```
#c7f4ee
```
#c7f4ee rgb(199,244,238)
```
#d7f8f3
```
#d7f8f3 rgb(215,248,243)
```
#e8fbf8
```
#e8fbf8 rgb(232,251,248)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616f6d is the less saturated color, while #01cfb3 is the most saturated one.

#616f6d
```
#616f6d rgb(97,111,109)
```
#597773
```
#597773 rgb(89,119,115)
```
#517f79
```
#517f79 rgb(81,127,121)
```
#49877f
```
#49877f rgb(73,135,127)
```
#418f85
```
#418f85 rgb(65,143,133)
```
#39978a
```
#39978a rgb(57,151,138)
```
#319f90
```
#319f90 rgb(49,159,144)
```
#29a796
```
#29a796 rgb(41,167,150)
```
#21af9c
```
#21af9c rgb(33,175,156)
```
#19b7a2
```
#19b7a2 rgb(25,183,162)
```
#11bfa8
```
#11bfa8 rgb(17,191,168)
```
#09c7ae
```
#09c7ae rgb(9,199,174)
```
#01cfb3
```
#01cfb3 rgb(1,207,179)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6f8b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a097 Protanopia 1% of men
#ac9da9 Deuteranopia 1% of men
#43afbb Tritanopia 0.001% of the population

Trichromacy

#75a599 Protanomaly 1% of men, 0.01% of women
#79a3a4 Deuteranomaly 6% of men, 0.4% of women
#37afb0 Tritanomaly 0.01% of the population

#21af9c hex color

#21af9c Color Information

#21af9c Color Conversion

Color Schemes with #21af9c

Alternatives to #21af9c

#21af9c Preview

Shades and Tints of #21af9c

Tones of #21af9c

Color Blindness Simulator