#21af93 hex color

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

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

● #21af93 color description : Dark cyan.

The hexadecimal color #21af93 has RGB values of R:33, G:175, B:147 and CMYK values of C:0.81, M:0, Y:0.16, K:0.31. Its decimal value is 2207635.

Hex triplet	21af93	`#21af93`
RGB Decimal	33, 175, 147	`rgb(33,175,147)`
RGB Percent	12.9, 68.6, 57.6	`rgb(12.9%,68.6%,57.6%)`
CMYK	81, 0, 16, 31
HSL	168.2°, 68.3, 40.8	`hsl(168.2,68.3%,40.8%)`
HSV (or HSB)	168.2°, 81.1, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.232, -42.496, 4.164
XYZ	21.222, 33.088, 32.87
xyY	0.243, 0.38, 33.088
CIE-LCH	64.232, 42.699, 174.403
CIE-LUV	64.232, -50.159, 12.502
Hunter-Lab	57.522, -34.809, 6.385
Binary	00100001, 10101111, 10010011

#21af93
```
#21af93 rgb(33,175,147)
```
#af213d
```
#af213d rgb(175,33,61)
```

Complementary Color

#21af4c
```
#21af4c rgb(33,175,76)
```
#21af93
```
#21af93 rgb(33,175,147)
```
#2184af
```
#2184af rgb(33,132,175)
```

Analogous Color

#af4c21
```
#af4c21 rgb(175,76,33)
```
#21af93
```
#21af93 rgb(33,175,147)
```
#af2184
```
#af2184 rgb(175,33,132)
```

Split Complementary Color

#af9321
```
#af9321 rgb(175,147,33)
```
#21af93
```
#21af93 rgb(33,175,147)
```
#9321af
```
#9321af rgb(147,33,175)
```

Triadic Color

#3daf21
```
#3daf21 rgb(61,175,33)
```
#21af93
```
#21af93 rgb(33,175,147)
```
#9321af
```
#9321af rgb(147,33,175)
```
#af213d
```
#af213d rgb(175,33,61)
```

Tetradic Color

#156f5d
```
#156f5d rgb(21,111,93)
```
#19846f
```
#19846f rgb(25,132,111)
```
#1d9a81
```
#1d9a81 rgb(29,154,129)
```
#21af93
```
#21af93 rgb(33,175,147)
```
#25c4a5
```
#25c4a5 rgb(37,196,165)
```
#2cd7b5
```
#2cd7b5 rgb(44,215,181)
```
#41dbbd
```
#41dbbd rgb(65,219,189)
```

Monochromatic Color

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

#21af70
```
#21af70 rgb(33,175,112)
```
#21af7b
```
#21af7b rgb(33,175,123)
```
#21af87
```
#21af87 rgb(33,175,135)
```
#21af93
```
#21af93 rgb(33,175,147)
```
#21af9f
```
#21af9f rgb(33,175,159)
```
#21afab
```
#21afab rgb(33,175,171)
```
#21a8af
```
#21a8af rgb(33,168,175)
```

Similar Colors

Text with hexadecimal color #21af93

This text has a font color of #21af93.

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

#21af93 background color

This paragraph has a background color of #21af93.

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

#21af93 border color

This element has a border color of #21af93.

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

CSS codes

.text {color:#21af93;}

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

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

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

#020a08
```
#020a08 rgb(2,10,8)
```
#051a16
```
#051a16 rgb(5,26,22)
```
#082b24
```
#082b24 rgb(8,43,36)
```
#0b3b32
```
#0b3b32 rgb(11,59,50)
```
#0e4c40
```
#0e4c40 rgb(14,76,64)
```
#115c4e
```
#115c4e rgb(17,92,78)
```
#156d5c
```
#156d5c rgb(21,109,92)
```
#187d69
```
#187d69 rgb(24,125,105)
```
#1b8e77
```
#1b8e77 rgb(27,142,119)
```
#1e9e85
```
#1e9e85 rgb(30,158,133)
```
#21af93
```
#21af93 rgb(33,175,147)
```
#24c0a1
```
#24c0a1 rgb(36,192,161)
```
#27d0af
```
#27d0af rgb(39,208,175)
```

Shade Color Variation

#32d8b8
```
#32d8b8 rgb(50,216,184)
```
#43dcbd
```
#43dcbd rgb(67,220,189)
```
#53dfc3
```
#53dfc3 rgb(83,223,195)
```
#64e2c9
```
#64e2c9 rgb(100,226,201)
```
#74e5cf
```
#74e5cf rgb(116,229,207)
```
#85e8d4
```
#85e8d4 rgb(133,232,212)
```
#95ebda
```
#95ebda rgb(149,235,218)
```
#a6eee0
```
#a6eee0 rgb(166,238,224)
```
#b6f1e6
```
#b6f1e6 rgb(182,241,230)
```
#c7f4eb
```
#c7f4eb rgb(199,244,235)
```
#d7f8f1
```
#d7f8f1 rgb(215,248,241)
```
#e8fbf7
```
#e8fbf7 rgb(232,251,247)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#616f6c
```
#616f6c rgb(97,111,108)
```
#597771
```
#597771 rgb(89,119,113)
```
#517f76
```
#517f76 rgb(81,127,118)
```
#49877b
```
#49877b rgb(73,135,123)
```
#418f80
```
#418f80 rgb(65,143,128)
```
#399784
```
#399784 rgb(57,151,132)
```
#319f89
```
#319f89 rgb(49,159,137)
```
#29a78e
```
#29a78e rgb(41,167,142)
```
#21af93
```
#21af93 rgb(33,175,147)
```
#19b798
```
#19b798 rgb(25,183,152)
```
#11bf9d
```
#11bf9d rgb(17,191,157)
```
#09c7a2
```
#09c7a2 rgb(9,199,162)
```
#01cfa6
```
#01cfa6 rgb(1,207,166)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6e8a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a08f Protanopia 1% of men
#af9ca0 Deuteranopia 1% of men
#47aeba Tritanopia 0.001% of the population

Trichromacy

#76a590 Protanomaly 1% of men, 0.01% of women
#7ba29b Deuteranomaly 6% of men, 0.4% of women
#39aeac Tritanomaly 0.01% of the population

#21af93 hex color

#21af93 Color Information

#21af93 Color Conversion

Color Schemes with #21af93

Alternatives to #21af93

#21af93 Preview

Shades and Tints of #21af93

Tones of #21af93

Color Blindness Simulator