colorhexa.com

#21aa52 hex color

In a RGB color space, hex #21aa52 is composed of 12.9% red, 66.7% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 51.8% yellow and 33.3% black. It has a hue angle of 141.5 degrees, a saturation of 67.5% and a lightness of 39.8%. #21aa52 color hex could be obtained by blending #42ffa4 with #005500. Closest websafe color is: #339966.

- R 13
- G 67
- B 32
RGB color chart
- C 81
- M 0
- Y 52
- K 33
CMYK color chart

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

The hexadecimal color #21aa52 has RGB values of R:33, G:170, B:82 and CMYK values of C:0.81, M:0, Y:0.52, K:0.33. Its decimal value is 2206290.

Hex triplet	21aa52	`#21aa52`
RGB Decimal	33, 170, 82	`rgb(33,170,82)`
RGB Percent	12.9, 66.7, 32.2	`rgb(12.9%,66.7%,32.2%)`
CMYK	81, 0, 52, 33
HSL	141.5°, 67.5, 39.8	`hsl(141.5,67.5%,39.8%)`
HSV (or HSB)	141.5°, 80.6, 66.7
Web Safe	339966	`#339966`

CIE-LAB	61.377, -54.465, 35.332
XYZ	16.524, 29.68, 12.84
xyY	0.28, 0.503, 29.68
CIE-LCH	61.377, 64.922, 147.028
CIE-LUV	61.377, -52.434, 52.377
Hunter-Lab	54.48, -41.2, 24.162
Binary	00100001, 10101010, 01010010

#21aa52
```
#21aa52 rgb(33,170,82)
```
#aa2179
```
#aa2179 rgb(170,33,121)
```

Complementary Color

#35aa21
```
#35aa21 rgb(53,170,33)
```
#21aa52
```
#21aa52 rgb(33,170,82)
```
#21aa97
```
#21aa97 rgb(33,170,151)
```

Analogous Color

#aa2135
```
#aa2135 rgb(170,33,53)
```
#21aa52
```
#21aa52 rgb(33,170,82)
```
#9721aa
```
#9721aa rgb(151,33,170)
```

Split Complementary Color

#aa5221
```
#aa5221 rgb(170,82,33)
```
#21aa52
```
#21aa52 rgb(33,170,82)
```
#5221aa
```
#5221aa rgb(82,33,170)
```

Triadic Color

#79aa21
```
#79aa21 rgb(121,170,33)
```
#21aa52
```
#21aa52 rgb(33,170,82)
```
#5221aa
```
#5221aa rgb(82,33,170)
```
#aa2179
```
#aa2179 rgb(170,33,121)
```

Tetradic Color

#156a33
```
#156a33 rgb(21,106,51)
```
#197f3d
```
#197f3d rgb(25,127,61)
```
#1d9548
```
#1d9548 rgb(29,149,72)
```
#21aa52
```
#21aa52 rgb(33,170,82)
```
#25bf5c
```
#25bf5c rgb(37,191,92)
```
#29d567
```
#29d567 rgb(41,213,103)
```
#3eda76
```
#3eda76 rgb(62,218,118)
```

Monochromatic Color

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

#21aa30
```
#21aa30 rgb(33,170,48)
```
#21aa3b
```
#21aa3b rgb(33,170,59)
```
#21aa47
```
#21aa47 rgb(33,170,71)
```
#21aa52
```
#21aa52 rgb(33,170,82)
```
#21aa5d
```
#21aa5d rgb(33,170,93)
```
#21aa69
```
#21aa69 rgb(33,170,105)
```
#21aa74
```
#21aa74 rgb(33,170,116)
```

Similar Colors

Text with hexadecimal color #21aa52

This text has a font color of #21aa52.

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

#21aa52 background color

This paragraph has a background color of #21aa52.

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

#21aa52 border color

This element has a border color of #21aa52.

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

CSS codes

.text {color:#21aa52;}

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

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

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

#010603
```
#010603 rgb(1,6,3)
```
#04160b
```
#04160b rgb(4,22,11)
```
#072713
```
#072713 rgb(7,39,19)
```
#0b371b
```
#0b371b rgb(11,55,27)
```
#0e4722
```
#0e4722 rgb(14,71,34)
```
#11582a
```
#11582a rgb(17,88,42)
```
#146832
```
#146832 rgb(20,104,50)
```
#17793a
```
#17793a rgb(23,121,58)
```
#1b8942
```
#1b8942 rgb(27,137,66)
```
#1e9a4a
```
#1e9a4a rgb(30,154,74)
```
#21aa52
```
#21aa52 rgb(33,170,82)
```
#24ba5a
```
#24ba5a rgb(36,186,90)
```
#27cb62
```
#27cb62 rgb(39,203,98)
```

Shade Color Variation

#2fd76b
```
#2fd76b rgb(47,215,107)
```
#40da77
```
#40da77 rgb(64,218,119)
```
#50dd82
```
#50dd82 rgb(80,221,130)
```
#60e08e
```
#60e08e rgb(96,224,142)
```
#71e39a
```
#71e39a rgb(113,227,154)
```
#81e7a6
```
#81e7a6 rgb(129,231,166)
```
#92eab1
```
#92eab1 rgb(146,234,177)
```
#a2edbd
```
#a2edbd rgb(162,237,189)
```
#b3f0c9
```
#b3f0c9 rgb(179,240,201)
```
#c3f3d4
```
#c3f3d4 rgb(195,243,212)
```
#d3f7e0
```
#d3f7e0 rgb(211,247,224)
```
#e4faec
```
#e4faec rgb(228,250,236)
```
#f4fdf7
```
#f4fdf7 rgb(244,253,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6c64 is the less saturated color, while #02c949 is the most saturated one.

#5f6c64
```
#5f6c64 rgb(95,108,100)
```
#587362
```
#587362 rgb(88,115,98)
```
#507b5f
```
#507b5f rgb(80,123,95)
```
#48835d
```
#48835d rgb(72,131,93)
```
#408b5b
```
#408b5b rgb(64,139,91)
```
#389359
```
#389359 rgb(56,147,89)
```
#319a56
```
#319a56 rgb(49,154,86)
```
#29a254
```
#29a254 rgb(41,162,84)
```
#21aa52
```
#21aa52 rgb(33,170,82)
```
#19b250
```
#19b250 rgb(25,178,80)
```
#11ba4e
```
#11ba4e rgb(17,186,78)
```
#0ac14b
```
#0ac14b rgb(10,193,75)
```
#02c949
```
#02c949 rgb(2,201,73)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#668170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89954 Protanopia 1% of men
#b89364 Deuteranopia 1% of men
#55a4b0 Tritanopia 0.001% of the population

Trichromacy

#779f53 Protanomaly 1% of men, 0.01% of women
#819b5d Deuteranomaly 6% of men, 0.4% of women
#42a68e Tritanomaly 0.01% of the population