#21d7a8 hex color

In a RGB color space, hex #21d7a8 is composed of 12.9% red, 84.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 0% magenta, 21.9% yellow and 15.7% black. It has a hue angle of 164.5 degrees, a saturation of 73.4% and a lightness of 48.6%. #21d7a8 color hex could be obtained by blending #42ffff with #00af51. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 84
- B 66
RGB color chart
- C 85
- M 0
- Y 22
- K 16
CMYK color chart

● #21d7a8 color description : Strong cyan - lime green.

The hexadecimal color #21d7a8 has RGB values of R:33, G:215, B:168 and CMYK values of C:0.85, M:0, Y:0.22, K:0.16. Its decimal value is 2217896.

Hex triplet	21d7a8	`#21d7a8`
RGB Decimal	33, 215, 168	`rgb(33,215,168)`
RGB Percent	12.9, 84.3, 65.9	`rgb(12.9%,84.3%,65.9%)`
CMYK	85, 0, 22, 16
HSL	164.5°, 73.4, 48.6	`hsl(164.5,73.4%,48.6%)`
HSV (or HSB)	164.5°, 84.7, 84.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.13, -53.613, 11.213
XYZ	31.993, 51.748, 45.346
xyY	0.248, 0.401, 51.748
CIE-LCH	77.13, 54.773, 168.187
CIE-LUV	77.13, -62.481, 24.96
Hunter-Lab	71.936, -46.502, 12.981
Binary	00100001, 11010111, 10101000

#21d7a8
```
#21d7a8 rgb(33,215,168)
```
#d72150
```
#d72150 rgb(215,33,80)
```

Complementary Color

#21d74d
```
#21d74d rgb(33,215,77)
```
#21d7a8
```
#21d7a8 rgb(33,215,168)
```
#21abd7
```
#21abd7 rgb(33,171,215)
```

Analogous Color

#d74d21
```
#d74d21 rgb(215,77,33)
```
#21d7a8
```
#21d7a8 rgb(33,215,168)
```
#d721ab
```
#d721ab rgb(215,33,171)
```

Split Complementary Color

#d7a821
```
#d7a821 rgb(215,168,33)
```
#21d7a8
```
#21d7a8 rgb(33,215,168)
```
#a821d7
```
#a821d7 rgb(168,33,215)
```

Triadic Color

#50d721
```
#50d721 rgb(80,215,33)
```
#21d7a8
```
#21d7a8 rgb(33,215,168)
```
#a821d7
```
#a821d7 rgb(168,33,215)
```
#d72150
```
#d72150 rgb(215,33,80)
```

Tetradic Color

#179574
```
#179574 rgb(23,149,116)
```
#1aab85
```
#1aab85 rgb(26,171,133)
```
#1ec197
```
#1ec197 rgb(30,193,151)
```
#21d7a8
```
#21d7a8 rgb(33,215,168)
```
#32e0b3
```
#32e0b3 rgb(50,224,179)
```
#48e3bb
```
#48e3bb rgb(72,227,187)
```
#5ee6c3
```
#5ee6c3 rgb(94,230,195)
```

Monochromatic Color

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

#21d77b
```
#21d77b rgb(33,215,123)
```
#21d78a
```
#21d78a rgb(33,215,138)
```
#21d799
```
#21d799 rgb(33,215,153)
```
#21d7a8
```
#21d7a8 rgb(33,215,168)
```
#21d7b7
```
#21d7b7 rgb(33,215,183)
```
#21d7c6
```
#21d7c6 rgb(33,215,198)
```
#21d7d6
```
#21d7d6 rgb(33,215,214)
```

Similar Colors

Text with hexadecimal color #21d7a8

This text has a font color of #21d7a8.

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

#21d7a8 background color

This paragraph has a background color of #21d7a8.

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

#21d7a8 border color

This element has a border color of #21d7a8.

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

CSS codes

.text {color:#21d7a8;}

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

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

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

#020b09
```
#020b09 rgb(2,11,9)
```
#041c16
```
#041c16 rgb(4,28,22)
```
#072d23
```
#072d23 rgb(7,45,35)
```
#0a3e30
```
#0a3e30 rgb(10,62,48)
```
#0c4f3e
```
#0c4f3e rgb(12,79,62)
```
#0f604b
```
#0f604b rgb(15,96,75)
```
#117158
```
#117158 rgb(17,113,88)
```
#148266
```
#148266 rgb(20,130,102)
```
#179373
```
#179373 rgb(23,147,115)
```
#19a480
```
#19a480 rgb(25,164,128)
```
#1cb58d
```
#1cb58d rgb(28,181,141)
```
#1ec69b
```
#1ec69b rgb(30,198,155)
```
#21d7a8
```
#21d7a8 rgb(33,215,168)
```

Shade Color Variation

#2ddfb1
```
#2ddfb1 rgb(45,223,177)
```
#3ee1b7
```
#3ee1b7 rgb(62,225,183)
```
#4fe4bd
```
#4fe4bd rgb(79,228,189)
```
#60e7c4
```
#60e7c4 rgb(96,231,196)
```
#71e9ca
```
#71e9ca rgb(113,233,202)
```
#82ecd0
```
#82ecd0 rgb(130,236,208)
```
#93eed7
```
#93eed7 rgb(147,238,215)
```
#a4f1dd
```
#a4f1dd rgb(164,241,221)
```
#b5f4e3
```
#b5f4e3 rgb(181,244,227)
```
#c6f6ea
```
#c6f6ea rgb(198,246,234)
```
#d7f9f0
```
#d7f9f0 rgb(215,249,240)
```
#e8fbf6
```
#e8fbf6 rgb(232,251,246)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77817e is the less saturated color, while #04f4b6 is the most saturated one.

#77817e
```
#77817e rgb(119,129,126)
```
#6d8b83
```
#6d8b83 rgb(109,139,131)
```
#649488
```
#649488 rgb(100,148,136)
```
#5a9e8c
```
#5a9e8c rgb(90,158,140)
```
#51a791
```
#51a791 rgb(81,167,145)
```
#47b196
```
#47b196 rgb(71,177,150)
```
#3eba9a
```
#3eba9a rgb(62,186,154)
```
#34c49f
```
#34c49f rgb(52,196,159)
```
#2bcda3
```
#2bcda3 rgb(43,205,163)
```
#21d7a8
```
#21d7a8 rgb(33,215,168)
```
#17e1ad
```
#17e1ad rgb(23,225,173)
```
#0eeab1
```
#0eeab1 rgb(14,234,177)
```
#04f4b6
```
#04f4b6 rgb(4,244,182)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#83a79e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc1a1 Protanopia 1% of men
#d7bbb6 Deuteranopia 1% of men
#57d1e1 Tritanopia 0.001% of the population

Trichromacy

#8ec9a3 Protanomaly 1% of men, 0.01% of women
#95c5b1 Deuteranomaly 6% of men, 0.4% of women
#43d3cc Tritanomaly 0.01% of the population

#21d7a8 hex color

#21d7a8 Color Information

#21d7a8 Color Conversion

Color Schemes with #21d7a8

Alternatives to #21d7a8

#21d7a8 Preview

Shades and Tints of #21d7a8

Tones of #21d7a8

Color Blindness Simulator