#21af5a hex color

In a RGB color space, hex #21af5a is composed of 12.9% red, 68.6% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 48.6% yellow and 31.4% black. It has a hue angle of 144.1 degrees, a saturation of 68.3% and a lightness of 40.8%. #21af5a color hex could be obtained by blending #42ffb4 with #005f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #21af5a has RGB values of R:33, G:175, B:90 and CMYK values of C:0.81, M:0, Y:0.49, K:0.31. Its decimal value is 2207578.

Hex triplet	21af5a	`#21af5a`
RGB Decimal	33, 175, 90	`rgb(33,175,90)`
RGB Percent	12.9, 68.6, 35.3	`rgb(12.9%,68.6%,35.3%)`
CMYK	81, 0, 49, 31
HSL	144.1°, 68.3, 40.8	`hsl(144.1,68.3%,40.8%)`
HSV (or HSB)	144.1°, 81.1, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.11, -54.921, 33.434
XYZ	17.801, 31.72, 14.857
xyY	0.277, 0.493, 31.72
CIE-LCH	63.11, 64.298, 148.669
CIE-LUV	63.11, -53.762, 50.97
Hunter-Lab	56.32, -42.141, 23.784
Binary	00100001, 10101111, 01011010

#21af5a
```
#21af5a rgb(33,175,90)
```
#af2176
```
#af2176 rgb(175,33,118)
```

Complementary Color

#2faf21
```
#2faf21 rgb(47,175,33)
```
#21af5a
```
#21af5a rgb(33,175,90)
```
#21afa1
```
#21afa1 rgb(33,175,161)
```

Analogous Color

#af212f
```
#af212f rgb(175,33,47)
```
#21af5a
```
#21af5a rgb(33,175,90)
```
#a121af
```
#a121af rgb(161,33,175)
```

Split Complementary Color

#af5a21
```
#af5a21 rgb(175,90,33)
```
#21af5a
```
#21af5a rgb(33,175,90)
```
#5a21af
```
#5a21af rgb(90,33,175)
```

Triadic Color

#76af21
```
#76af21 rgb(118,175,33)
```
#21af5a
```
#21af5a rgb(33,175,90)
```
#5a21af
```
#5a21af rgb(90,33,175)
```
#af2176
```
#af2176 rgb(175,33,118)
```

Tetradic Color

#156f39
```
#156f39 rgb(21,111,57)
```
#198444
```
#198444 rgb(25,132,68)
```
#1d9a4f
```
#1d9a4f rgb(29,154,79)
```
#21af5a
```
#21af5a rgb(33,175,90)
```
#25c465
```
#25c465 rgb(37,196,101)
```
#2cd771
```
#2cd771 rgb(44,215,113)
```
#41db7f
```
#41db7f rgb(65,219,127)
```

Monochromatic Color

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

#21af37
```
#21af37 rgb(33,175,55)
```
#21af42
```
#21af42 rgb(33,175,66)
```
#21af4e
```
#21af4e rgb(33,175,78)
```
#21af5a
```
#21af5a rgb(33,175,90)
```
#21af66
```
#21af66 rgb(33,175,102)
```
#21af72
```
#21af72 rgb(33,175,114)
```
#21af7e
```
#21af7e rgb(33,175,126)
```

Similar Colors

Text with hexadecimal color #21af5a

This text has a font color of #21af5a.

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

#21af5a background color

This paragraph has a background color of #21af5a.

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

#21af5a border color

This element has a border color of #21af5a.

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

CSS codes

.text {color:#21af5a;}

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

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

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

#020a05
```
#020a05 rgb(2,10,5)
```
#051a0e
```
#051a0e rgb(5,26,14)
```
#082b16
```
#082b16 rgb(8,43,22)
```
#0b3b1f
```
#0b3b1f rgb(11,59,31)
```
#0e4c27
```
#0e4c27 rgb(14,76,39)
```
#115c30
```
#115c30 rgb(17,92,48)
```
#156d38
```
#156d38 rgb(21,109,56)
```
#187d41
```
#187d41 rgb(24,125,65)
```
#1b8e49
```
#1b8e49 rgb(27,142,73)
```
#1e9e52
```
#1e9e52 rgb(30,158,82)
```
#21af5a
```
#21af5a rgb(33,175,90)
```
#24c062
```
#24c062 rgb(36,192,98)
```
#27d06b
```
#27d06b rgb(39,208,107)
```

Shade Color Variation

#32d875
```
#32d875 rgb(50,216,117)
```
#43dc80
```
#43dc80 rgb(67,220,128)
```
#53df8b
```
#53df8b rgb(83,223,139)
```
#64e296
```
#64e296 rgb(100,226,150)
```
#74e5a2
```
#74e5a2 rgb(116,229,162)
```
#85e8ad
```
#85e8ad rgb(133,232,173)
```
#95ebb8
```
#95ebb8 rgb(149,235,184)
```
#a6eec3
```
#a6eec3 rgb(166,238,195)
```
#b6f1ce
```
#b6f1ce rgb(182,241,206)
```
#c7f4d9
```
#c7f4d9 rgb(199,244,217)
```
#d7f8e4
```
#d7f8e4 rgb(215,248,228)
```
#e8fbef
```
#e8fbef rgb(232,251,239)
```
#f8fefb
```
#f8fefb rgb(248,254,251)
```

Tint Color Variation

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

#616f67
```
#616f67 rgb(97,111,103)
```
#597765
```
#597765 rgb(89,119,101)
```
#517f63
```
#517f63 rgb(81,127,99)
```
#498762
```
#498762 rgb(73,135,98)
```
#418f60
```
#418f60 rgb(65,143,96)
```
#39975f
```
#39975f rgb(57,151,95)
```
#319f5d
```
#319f5d rgb(49,159,93)
```
#29a75c
```
#29a75c rgb(41,167,92)
```
#21af5a
```
#21af5a rgb(33,175,90)
```
#19b758
```
#19b758 rgb(25,183,88)
```
#11bf57
```
#11bf57 rgb(17,191,87)
```
#09c755
```
#09c755 rgb(9,199,85)
```
#01cf54
```
#01cf54 rgb(1,207,84)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#698574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9e5b Protanopia 1% of men
#bc976c Deuteranopia 1% of men
#56a9b6 Tritanopia 0.001% of the population

Trichromacy

#7aa45a Protanomaly 1% of men, 0.01% of women
#83a065 Deuteranomaly 6% of men, 0.4% of women
#43ab94 Tritanomaly 0.01% of the population

#21af5a hex color

#21af5a Color Information

#21af5a Color Conversion

Color Schemes with #21af5a

Alternatives to #21af5a

#21af5a Preview

Shades and Tints of #21af5a

Tones of #21af5a

Color Blindness Simulator