#21aa80 hex color

In a RGB color space, hex #21aa80 is composed of 12.9% red, 66.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 24.7% yellow and 33.3% black. It has a hue angle of 161.6 degrees, a saturation of 67.5% and a lightness of 39.8%. #21aa80 color hex could be obtained by blending #42ffff with #005501. Closest websafe color is: #339999.

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

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

The hexadecimal color #21aa80 has RGB values of R:33, G:170, B:128 and CMYK values of C:0.81, M:0, Y:0.25, K:0.33. Its decimal value is 2206336.

Hex triplet	21aa80	`#21aa80`
RGB Decimal	33, 170, 128	`rgb(33,170,128)`
RGB Percent	12.9, 66.7, 50.2	`rgb(12.9%,66.7%,50.2%)`
CMYK	81, 0, 25, 33
HSL	161.6°, 67.5, 39.8	`hsl(161.6,67.5%,39.8%)`
HSV (or HSB)	161.6°, 80.6, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.194, -45.219, 11.8
XYZ	18.897, 30.629, 25.337
xyY	0.252, 0.409, 30.629
CIE-LCH	62.194, 46.733, 165.374
CIE-LUV	62.194, -49.714, 23.399
Hunter-Lab	55.344, -35.905, 11.597
Binary	00100001, 10101010, 10000000

#21aa80
```
#21aa80 rgb(33,170,128)
```
#aa214b
```
#aa214b rgb(170,33,75)
```

Complementary Color

#21aa3c
```
#21aa3c rgb(33,170,60)
```
#21aa80
```
#21aa80 rgb(33,170,128)
```
#2190aa
```
#2190aa rgb(33,144,170)
```

Analogous Color

#aa3c21
```
#aa3c21 rgb(170,60,33)
```
#21aa80
```
#21aa80 rgb(33,170,128)
```
#aa2190
```
#aa2190 rgb(170,33,144)
```

Split Complementary Color

#aa8021
```
#aa8021 rgb(170,128,33)
```
#21aa80
```
#21aa80 rgb(33,170,128)
```
#8021aa
```
#8021aa rgb(128,33,170)
```

Triadic Color

#4baa21
```
#4baa21 rgb(75,170,33)
```
#21aa80
```
#21aa80 rgb(33,170,128)
```
#8021aa
```
#8021aa rgb(128,33,170)
```
#aa214b
```
#aa214b rgb(170,33,75)
```

Tetradic Color

#156a50
```
#156a50 rgb(21,106,80)
```
#197f60
```
#197f60 rgb(25,127,96)
```
#1d9570
```
#1d9570 rgb(29,149,112)
```
#21aa80
```
#21aa80 rgb(33,170,128)
```
#25bf90
```
#25bf90 rgb(37,191,144)
```
#29d5a0
```
#29d5a0 rgb(41,213,160)
```
#3edaaa
```
#3edaaa rgb(62,218,170)
```

Monochromatic Color

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

#21aa5e
```
#21aa5e rgb(33,170,94)
```
#21aa69
```
#21aa69 rgb(33,170,105)
```
#21aa75
```
#21aa75 rgb(33,170,117)
```
#21aa80
```
#21aa80 rgb(33,170,128)
```
#21aa8b
```
#21aa8b rgb(33,170,139)
```
#21aa97
```
#21aa97 rgb(33,170,151)
```
#21aaa2
```
#21aaa2 rgb(33,170,162)
```

Similar Colors

Text with hexadecimal color #21aa80

This text has a font color of #21aa80.

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

#21aa80 background color

This paragraph has a background color of #21aa80.

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

#21aa80 border color

This element has a border color of #21aa80.

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

CSS codes

.text {color:#21aa80;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#041611
```
#041611 rgb(4,22,17)
```
#07271d
```
#07271d rgb(7,39,29)
```
#0b3729
```
#0b3729 rgb(11,55,41)
```
#0e4736
```
#0e4736 rgb(14,71,54)
```
#115842
```
#115842 rgb(17,88,66)
```
#14684f
```
#14684f rgb(20,104,79)
```
#17795b
```
#17795b rgb(23,121,91)
```
#1b8967
```
#1b8967 rgb(27,137,103)
```
#1e9a74
```
#1e9a74 rgb(30,154,116)
```
#21aa80
```
#21aa80 rgb(33,170,128)
```
#24ba8c
```
#24ba8c rgb(36,186,140)
```
#27cb99
```
#27cb99 rgb(39,203,153)
```

Shade Color Variation

#2fd7a3
```
#2fd7a3 rgb(47,215,163)
```
#40daab
```
#40daab rgb(64,218,171)
```
#50ddb2
```
#50ddb2 rgb(80,221,178)
```
#60e0b9
```
#60e0b9 rgb(96,224,185)
```
#71e3c0
```
#71e3c0 rgb(113,227,192)
```
#81e7c8
```
#81e7c8 rgb(129,231,200)
```
#92eacf
```
#92eacf rgb(146,234,207)
```
#a2edd6
```
#a2edd6 rgb(162,237,214)
```
#b3f0dd
```
#b3f0dd rgb(179,240,221)
```
#c3f3e5
```
#c3f3e5 rgb(195,243,229)
```
#d3f7ec
```
#d3f7ec rgb(211,247,236)
```
#e4faf3
```
#e4faf3 rgb(228,250,243)
```
#f4fdfa
```
#f4fdfa rgb(244,253,250)
```

Tint Color Variation

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

#5f6c68
```
#5f6c68 rgb(95,108,104)
```
#58736b
```
#58736b rgb(88,115,107)
```
#507b6e
```
#507b6e rgb(80,123,110)
```
#488371
```
#488371 rgb(72,131,113)
```
#408b74
```
#408b74 rgb(64,139,116)
```
#389377
```
#389377 rgb(56,147,119)
```
#319a7a
```
#319a7a rgb(49,154,122)
```
#29a27d
```
#29a27d rgb(41,162,125)
```
#21aa80
```
#21aa80 rgb(33,170,128)
```
#19b283
```
#19b283 rgb(25,178,131)
```
#11ba86
```
#11ba86 rgb(17,186,134)
```
#0ac189
```
#0ac189 rgb(10,193,137)
```
#02c98c
```
#02c98c rgb(2,201,140)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6a857d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59b7e Protanopia 1% of men
#af968e Deuteranopia 1% of men
#4ba8b4 Tritanopia 0.001% of the population

Trichromacy

#75a07e Protanomaly 1% of men, 0.01% of women
#7b9d89 Deuteranomaly 6% of men, 0.4% of women
#3ca8a1 Tritanomaly 0.01% of the population

#21aa80 hex color

#21aa80 Color Information

#21aa80 Color Conversion

Color Schemes with #21aa80

Alternatives to #21aa80

#21aa80 Preview

Shades and Tints of #21aa80

Tones of #21aa80

Color Blindness Simulator