#21af86 hex color

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

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

● #21af86 color description : Dark cyan - lime green.

The hexadecimal color #21af86 has RGB values of R:33, G:175, B:134 and CMYK values of C:0.81, M:0, Y:0.23, K:0.31. Its decimal value is 2207622.

Hex triplet	21af86	`#21af86`
RGB Decimal	33, 175, 134	`rgb(33,175,134)`
RGB Percent	12.9, 68.6, 52.5	`rgb(12.9%,68.6%,52.5%)`
CMYK	81, 0, 23, 31
HSL	162.7°, 68.3, 40.8	`hsl(162.7,68.3%,40.8%)`
HSV (or HSB)	162.7°, 81.1, 68.6
Web Safe	339999	`#339999`

CIE-LAB	63.919, -45.808, 10.916
XYZ	20.259, 32.702, 27.797
xyY	0.251, 0.405, 32.702
CIE-LCH	63.919, 47.091, 166.596
CIE-LUV	63.919, -51.072, 22.435
Hunter-Lab	57.186, -36.841, 11.21
Binary	00100001, 10101111, 10000110

#21af86
```
#21af86 rgb(33,175,134)
```
#af214a
```
#af214a rgb(175,33,74)
```

Complementary Color

#21af3f
```
#21af3f rgb(33,175,63)
```
#21af86
```
#21af86 rgb(33,175,134)
```
#2191af
```
#2191af rgb(33,145,175)
```

Analogous Color

#af3f21
```
#af3f21 rgb(175,63,33)
```
#21af86
```
#21af86 rgb(33,175,134)
```
#af2191
```
#af2191 rgb(175,33,145)
```

Split Complementary Color

#af8621
```
#af8621 rgb(175,134,33)
```
#21af86
```
#21af86 rgb(33,175,134)
```
#8621af
```
#8621af rgb(134,33,175)
```

Triadic Color

#4aaf21
```
#4aaf21 rgb(74,175,33)
```
#21af86
```
#21af86 rgb(33,175,134)
```
#8621af
```
#8621af rgb(134,33,175)
```
#af214a
```
#af214a rgb(175,33,74)
```

Tetradic Color

#156f55
```
#156f55 rgb(21,111,85)
```
#198465
```
#198465 rgb(25,132,101)
```
#1d9a76
```
#1d9a76 rgb(29,154,118)
```
#21af86
```
#21af86 rgb(33,175,134)
```
#25c496
```
#25c496 rgb(37,196,150)
```
#2cd7a6
```
#2cd7a6 rgb(44,215,166)
```
#41dbaf
```
#41dbaf rgb(65,219,175)
```

Monochromatic Color

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

#21af63
```
#21af63 rgb(33,175,99)
```
#21af6e
```
#21af6e rgb(33,175,110)
```
#21af7a
```
#21af7a rgb(33,175,122)
```
#21af86
```
#21af86 rgb(33,175,134)
```
#21af92
```
#21af92 rgb(33,175,146)
```
#21af9e
```
#21af9e rgb(33,175,158)
```
#21afaa
```
#21afaa rgb(33,175,170)
```

Similar Colors

Text with hexadecimal color #21af86

This text has a font color of #21af86.

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

#21af86 background color

This paragraph has a background color of #21af86.

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

#21af86 border color

This element has a border color of #21af86.

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

CSS codes

.text {color:#21af86;}

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

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

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

#020a08
```
#020a08 rgb(2,10,8)
```
#051a14
```
#051a14 rgb(5,26,20)
```
#082b21
```
#082b21 rgb(8,43,33)
```
#0b3b2e
```
#0b3b2e rgb(11,59,46)
```
#0e4c3a
```
#0e4c3a rgb(14,76,58)
```
#115c47
```
#115c47 rgb(17,92,71)
```
#156d53
```
#156d53 rgb(21,109,83)
```
#187d60
```
#187d60 rgb(24,125,96)
```
#1b8e6d
```
#1b8e6d rgb(27,142,109)
```
#1e9e79
```
#1e9e79 rgb(30,158,121)
```
#21af86
```
#21af86 rgb(33,175,134)
```
#24c093
```
#24c093 rgb(36,192,147)
```
#27d09f
```
#27d09f rgb(39,208,159)
```

Shade Color Variation

#32d8a8
```
#32d8a8 rgb(50,216,168)
```
#43dcaf
```
#43dcaf rgb(67,220,175)
```
#53dfb6
```
#53dfb6 rgb(83,223,182)
```
#64e2bd
```
#64e2bd rgb(100,226,189)
```
#74e5c4
```
#74e5c4 rgb(116,229,196)
```
#85e8cb
```
#85e8cb rgb(133,232,203)
```
#95ebd2
```
#95ebd2 rgb(149,235,210)
```
#a6eed9
```
#a6eed9 rgb(166,238,217)
```
#b6f1e0
```
#b6f1e0 rgb(182,241,224)
```
#c7f4e7
```
#c7f4e7 rgb(199,244,231)
```
#d7f8ee
```
#d7f8ee rgb(215,248,238)
```
#e8fbf5
```
#e8fbf5 rgb(232,251,245)
```
#f8fefc
```
#f8fefc rgb(248,254,252)
```

Tint Color Variation

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

#616f6b
```
#616f6b rgb(97,111,107)
```
#59776e
```
#59776e rgb(89,119,110)
```
#517f72
```
#517f72 rgb(81,127,114)
```
#498775
```
#498775 rgb(73,135,117)
```
#418f78
```
#418f78 rgb(65,143,120)
```
#39977c
```
#39977c rgb(57,151,124)
```
#319f7f
```
#319f7f rgb(49,159,127)
```
#29a783
```
#29a783 rgb(41,167,131)
```
#21af86
```
#21af86 rgb(33,175,134)
```
#19b789
```
#19b789 rgb(25,183,137)
```
#11bf8d
```
#11bf8d rgb(17,191,141)
```
#09c790
```
#09c790 rgb(9,199,144)
```
#01cf94
```
#01cf94 rgb(1,207,148)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6d8981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99f83 Protanopia 1% of men
#b39a94 Deuteranopia 1% of men
#4cacb9 Tritanopia 0.001% of the population

Trichromacy

#77a584 Protanomaly 1% of men, 0.01% of women
#7ea28f Deuteranomaly 6% of men, 0.4% of women
#3cada6 Tritanomaly 0.01% of the population

#21af86 hex color

#21af86 Color Information

#21af86 Color Conversion

Color Schemes with #21af86

Alternatives to #21af86

#21af86 Preview

Shades and Tints of #21af86

Tones of #21af86

Color Blindness Simulator