#21ad5e hex color

In a RGB color space, hex #21ad5e is composed of 12.9% red, 67.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 0% magenta, 45.7% yellow and 32.2% black. It has a hue angle of 146.1 degrees, a saturation of 68% and a lightness of 40.4%. #21ad5e color hex could be obtained by blending #42ffbc with #005b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 68
- B 37
RGB color chart
- C 81
- M 0
- Y 46
- K 32
CMYK color chart

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

The hexadecimal color #21ad5e has RGB values of R:33, G:173, B:94 and CMYK values of C:0.81, M:0, Y:0.46, K:0.32. Its decimal value is 2207070.

Hex triplet	21ad5e	`#21ad5e`
RGB Decimal	33, 173, 94	`rgb(33,173,94)`
RGB Percent	12.9, 67.8, 36.9	`rgb(12.9%,67.8%,36.9%)`
CMYK	81, 0, 46, 32
HSL	146.1°, 68, 40.4	`hsl(146.1,68%,40.4%)`
HSV (or HSB)	146.1°, 80.9, 67.8
Web Safe	339966	`#339966`

CIE-LAB	62.522, -53.522, 30.62
XYZ	17.59, 31.017, 15.649
xyY	0.274, 0.483, 31.017
CIE-LCH	62.522, 61.662, 150.226
CIE-LUV	62.522, -52.858, 47.608
Hunter-Lab	55.693, -41.085, 22.325
Binary	00100001, 10101101, 01011110

#21ad5e
```
#21ad5e rgb(33,173,94)
```
#ad2170
```
#ad2170 rgb(173,33,112)
```

Complementary Color

#2aad21
```
#2aad21 rgb(42,173,33)
```
#21ad5e
```
#21ad5e rgb(33,173,94)
```
#21ada4
```
#21ada4 rgb(33,173,164)
```

Analogous Color

#ad212a
```
#ad212a rgb(173,33,42)
```
#21ad5e
```
#21ad5e rgb(33,173,94)
```
#a421ad
```
#a421ad rgb(164,33,173)
```

Split Complementary Color

#ad5e21
```
#ad5e21 rgb(173,94,33)
```
#21ad5e
```
#21ad5e rgb(33,173,94)
```
#5e21ad
```
#5e21ad rgb(94,33,173)
```

Triadic Color

#70ad21
```
#70ad21 rgb(112,173,33)
```
#21ad5e
```
#21ad5e rgb(33,173,94)
```
#5e21ad
```
#5e21ad rgb(94,33,173)
```
#ad2170
```
#ad2170 rgb(173,33,112)
```

Tetradic Color

#156d3b
```
#156d3b rgb(21,109,59)
```
#198247
```
#198247 rgb(25,130,71)
```
#1d9852
```
#1d9852 rgb(29,152,82)
```
#21ad5e
```
#21ad5e rgb(33,173,94)
```
#25c26a
```
#25c26a rgb(37,194,106)
```
#2bd675
```
#2bd675 rgb(43,214,117)
```
#40db83
```
#40db83 rgb(64,219,131)
```

Monochromatic Color

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

#21ad3b
```
#21ad3b rgb(33,173,59)
```
#21ad47
```
#21ad47 rgb(33,173,71)
```
#21ad52
```
#21ad52 rgb(33,173,82)
```
#21ad5e
```
#21ad5e rgb(33,173,94)
```
#21ad6a
```
#21ad6a rgb(33,173,106)
```
#21ad75
```
#21ad75 rgb(33,173,117)
```
#21ad81
```
#21ad81 rgb(33,173,129)
```

Similar Colors

Text with hexadecimal color #21ad5e

This text has a font color of #21ad5e.

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

#21ad5e background color

This paragraph has a background color of #21ad5e.

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

#21ad5e border color

This element has a border color of #21ad5e.

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

CSS codes

.text {color:#21ad5e;}

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

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

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, #020804 is the darkest color, while #f7fdfa is the lightest one.

#020804
```
#020804 rgb(2,8,4)
```
#05190d
```
#05190d rgb(5,25,13)
```
#082916
```
#082916 rgb(8,41,22)
```
#0b3a1f
```
#0b3a1f rgb(11,58,31)
```
#0e4a28
```
#0e4a28 rgb(14,74,40)
```
#115b31
```
#115b31 rgb(17,91,49)
```
#146b3a
```
#146b3a rgb(20,107,58)
```
#187c43
```
#187c43 rgb(24,124,67)
```
#1b8c4c
```
#1b8c4c rgb(27,140,76)
```
#1e9d55
```
#1e9d55 rgb(30,157,85)
```
#21ad5e
```
#21ad5e rgb(33,173,94)
```
#24bd67
```
#24bd67 rgb(36,189,103)
```
#27ce70
```
#27ce70 rgb(39,206,112)
```

Shade Color Variation

#31d87a
```
#31d87a rgb(49,216,122)
```
#42db84
```
#42db84 rgb(66,219,132)
```
#52de8f
```
#52de8f rgb(82,222,143)
```
#63e19a
```
#63e19a rgb(99,225,154)
```
#73e4a4
```
#73e4a4 rgb(115,228,164)
```
#83e7af
```
#83e7af rgb(131,231,175)
```
#94ebba
```
#94ebba rgb(148,235,186)
```
#a4eec4
```
#a4eec4 rgb(164,238,196)
```
#b5f1cf
```
#b5f1cf rgb(181,241,207)
```
#c5f4da
```
#c5f4da rgb(197,244,218)
```
#d6f7e4
```
#d6f7e4 rgb(214,247,228)
```
#e6faef
```
#e6faef rgb(230,250,239)
```
#f7fdfa
```
#f7fdfa rgb(247,253,250)
```

Tint Color Variation

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

#606e66
```
#606e66 rgb(96,110,102)
```
#587665
```
#587665 rgb(88,118,101)
```
#517d64
```
#517d64 rgb(81,125,100)
```
#498563
```
#498563 rgb(73,133,99)
```
#418d62
```
#418d62 rgb(65,141,98)
```
#399561
```
#399561 rgb(57,149,97)
```
#319d60
```
#319d60 rgb(49,157,96)
```
#29a55f
```
#29a55f rgb(41,165,95)
```
#21ad5e
```
#21ad5e rgb(33,173,94)
```
#19b55d
```
#19b55d rgb(25,181,93)
```
#11bd5c
```
#11bd5c rgb(17,189,92)
```
#09c55b
```
#09c55b rgb(9,197,91)
```
#01cd5a
```
#01cd5a rgb(1,205,90)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#688474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9c5e Protanopia 1% of men
#b9966f Deuteranopia 1% of men
#55a8b4 Tritanopia 0.001% of the population

Trichromacy

#78a25e Protanomaly 1% of men, 0.01% of women
#819e69 Deuteranomaly 6% of men, 0.4% of women
#42a995 Tritanomaly 0.01% of the population

#21ad5e hex color

#21ad5e Color Information

#21ad5e Color Conversion

Color Schemes with #21ad5e

Alternatives to #21ad5e

#21ad5e Preview

Shades and Tints of #21ad5e

Tones of #21ad5e

Color Blindness Simulator