#21aa60 hex color

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

♥
- f
- t
- g
- R 13
- G 67
- B 38
RGB color chart
- C 81
- M 0
- Y 44
- K 33
CMYK color chart

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

The hexadecimal color #21aa60 has RGB values of R:33, G:170, B:96 and CMYK values of C:0.81, M:0, Y:0.44, K:0.33. Its decimal value is 2206304.

Hex triplet	21aa60	`#21aa60`
RGB Decimal	33, 170, 96	`rgb(33,170,96)`
RGB Percent	12.9, 66.7, 37.6	`rgb(12.9%,66.7%,37.6%)`
CMYK	81, 0, 44, 33
HSL	147.6°, 67.5, 39.8	`hsl(147.6,67.5%,39.8%)`
HSV (or HSB)	147.6°, 80.6, 66.7
Web Safe	339966	`#339966`

CIE-LAB	61.581, -52.072, 28.357
XYZ	17.112, 29.916, 15.938
xyY	0.272, 0.475, 29.916
CIE-LCH	61.581, 59.292, 151.428
CIE-LUV	61.581, -51.703, 44.69
Hunter-Lab	54.695, -39.871, 21.01
Binary	00100001, 10101010, 01100000

#21aa60
```
#21aa60 rgb(33,170,96)
```
#aa216b
```
#aa216b rgb(170,33,107)
```

Complementary Color

#27aa21
```
#27aa21 rgb(39,170,33)
```
#21aa60
```
#21aa60 rgb(33,170,96)
```
#21aaa5
```
#21aaa5 rgb(33,170,165)
```

Analogous Color

#aa2127
```
#aa2127 rgb(170,33,39)
```
#21aa60
```
#21aa60 rgb(33,170,96)
```
#a521aa
```
#a521aa rgb(165,33,170)
```

Split Complementary Color

#aa6021
```
#aa6021 rgb(170,96,33)
```
#21aa60
```
#21aa60 rgb(33,170,96)
```
#6021aa
```
#6021aa rgb(96,33,170)
```

Triadic Color

#6baa21
```
#6baa21 rgb(107,170,33)
```
#21aa60
```
#21aa60 rgb(33,170,96)
```
#6021aa
```
#6021aa rgb(96,33,170)
```
#aa216b
```
#aa216b rgb(170,33,107)
```

Tetradic Color

#156a3c
```
#156a3c rgb(21,106,60)
```
#197f48
```
#197f48 rgb(25,127,72)
```
#1d9554
```
#1d9554 rgb(29,149,84)
```
#21aa60
```
#21aa60 rgb(33,170,96)
```
#25bf6c
```
#25bf6c rgb(37,191,108)
```
#29d578
```
#29d578 rgb(41,213,120)
```
#3eda86
```
#3eda86 rgb(62,218,134)
```

Monochromatic Color

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

#21aa3e
```
#21aa3e rgb(33,170,62)
```
#21aa49
```
#21aa49 rgb(33,170,73)
```
#21aa55
```
#21aa55 rgb(33,170,85)
```
#21aa60
```
#21aa60 rgb(33,170,96)
```
#21aa6b
```
#21aa6b rgb(33,170,107)
```
#21aa77
```
#21aa77 rgb(33,170,119)
```
#21aa82
```
#21aa82 rgb(33,170,130)
```

Similar Colors

Text with hexadecimal color #21aa60

This text has a font color of #21aa60.

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

#21aa60 background color

This paragraph has a background color of #21aa60.

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

#21aa60 border color

This element has a border color of #21aa60.

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

CSS codes

.text {color:#21aa60;}

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

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

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

#010603
```
#010603 rgb(1,6,3)
```
#04160d
```
#04160d rgb(4,22,13)
```
#072716
```
#072716 rgb(7,39,22)
```
#0b371f
```
#0b371f rgb(11,55,31)
```
#0e4728
```
#0e4728 rgb(14,71,40)
```
#115832
```
#115832 rgb(17,88,50)
```
#14683b
```
#14683b rgb(20,104,59)
```
#177944
```
#177944 rgb(23,121,68)
```
#1b894d
```
#1b894d rgb(27,137,77)
```
#1e9a57
```
#1e9a57 rgb(30,154,87)
```
#21aa60
```
#21aa60 rgb(33,170,96)
```
#24ba69
```
#24ba69 rgb(36,186,105)
```
#27cb73
```
#27cb73 rgb(39,203,115)
```

Shade Color Variation

#2fd77c
```
#2fd77c rgb(47,215,124)
```
#40da87
```
#40da87 rgb(64,218,135)
```
#50dd91
```
#50dd91 rgb(80,221,145)
```
#60e09b
```
#60e09b rgb(96,224,155)
```
#71e3a6
```
#71e3a6 rgb(113,227,166)
```
#81e7b0
```
#81e7b0 rgb(129,231,176)
```
#92eaba
```
#92eaba rgb(146,234,186)
```
#a2edc5
```
#a2edc5 rgb(162,237,197)
```
#b3f0cf
```
#b3f0cf rgb(179,240,207)
```
#c3f3d9
```
#c3f3d9 rgb(195,243,217)
```
#d3f7e4
```
#d3f7e4 rgb(211,247,228)
```
#e4faee
```
#e4faee rgb(228,250,238)
```
#f4fdf8
```
#f4fdf8 rgb(244,253,248)
```

Tint Color Variation

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

#5f6c65
```
#5f6c65 rgb(95,108,101)
```
#587364
```
#587364 rgb(88,115,100)
```
#507b64
```
#507b64 rgb(80,123,100)
```
#488363
```
#488363 rgb(72,131,99)
```
#408b63
```
#408b63 rgb(64,139,99)
```
#389362
```
#389362 rgb(56,147,98)
```
#319a61
```
#319a61 rgb(49,154,97)
```
#29a261
```
#29a261 rgb(41,162,97)
```
#21aa60
```
#21aa60 rgb(33,170,96)
```
#19b25f
```
#19b25f rgb(25,178,95)
```
#11ba5f
```
#11ba5f rgb(17,186,95)
```
#0ac15e
```
#0ac15e rgb(10,193,94)
```
#02c95d
```
#02c95d rgb(2,201,93)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#678374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89a60 Protanopia 1% of men
#b59471 Deuteranopia 1% of men
#53a5b1 Tritanopia 0.001% of the population

Trichromacy

#769f60 Protanomaly 1% of men, 0.01% of women
#7f9c6b Deuteranomaly 6% of men, 0.4% of women
#41a794 Tritanomaly 0.01% of the population

#21aa60 hex color

#21aa60 Color Information

#21aa60 Color Conversion

Color Schemes with #21aa60

Alternatives to #21aa60

#21aa60 Preview

Shades and Tints of #21aa60

Tones of #21aa60

Color Blindness Simulator