#21a570 hex color

In a RGB color space, hex #21a570 is composed of 12.9% red, 64.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 32.1% yellow and 35.3% black. It has a hue angle of 155.9 degrees, a saturation of 66.7% and a lightness of 38.8%. #21a570 color hex could be obtained by blending #42ffe0 with #004b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 65
- B 44
RGB color chart
- C 80
- M 0
- Y 32
- K 35
CMYK color chart

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

The hexadecimal color #21a570 has RGB values of R:33, G:165, B:112 and CMYK values of C:0.8, M:0, Y:0.32, K:0.35. Its decimal value is 2205040.

Hex triplet	21a570	`#21a570`
RGB Decimal	33, 165, 112	`rgb(33,165,112)`
RGB Percent	12.9, 64.7, 43.9	`rgb(12.9%,64.7%,43.9%)`
CMYK	80, 0, 32, 35
HSL	155.9°, 66.7, 38.8	`hsl(155.9,66.7%,38.8%)`
HSV (or HSB)	155.9°, 80, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.25, -46.92, 17.939
XYZ	17.006, 28.402, 19.914
xyY	0.26, 0.435, 28.402
CIE-LCH	60.25, 50.232, 159.076
CIE-LUV	60.25, -48.989, 31.388
Hunter-Lab	53.293, -36.305, 15.15
Binary	00100001, 10100101, 01110000

#21a570
```
#21a570 rgb(33,165,112)
```
#a52156
```
#a52156 rgb(165,33,86)
```

Complementary Color

#21a52e
```
#21a52e rgb(33,165,46)
```
#21a570
```
#21a570 rgb(33,165,112)
```
#2198a5
```
#2198a5 rgb(33,152,165)
```

Analogous Color

#a52e21
```
#a52e21 rgb(165,46,33)
```
#21a570
```
#21a570 rgb(33,165,112)
```
#a52198
```
#a52198 rgb(165,33,152)
```

Split Complementary Color

#a57021
```
#a57021 rgb(165,112,33)
```
#21a570
```
#21a570 rgb(33,165,112)
```
#7021a5
```
#7021a5 rgb(112,33,165)
```

Triadic Color

#56a521
```
#56a521 rgb(86,165,33)
```
#21a570
```
#21a570 rgb(33,165,112)
```
#7021a5
```
#7021a5 rgb(112,33,165)
```
#a52156
```
#a52156 rgb(165,33,86)
```

Tetradic Color

#146545
```
#146545 rgb(20,101,69)
```
#197b53
```
#197b53 rgb(25,123,83)
```
#1d9062
```
#1d9062 rgb(29,144,98)
```
#21a570
```
#21a570 rgb(33,165,112)
```
#25ba7e
```
#25ba7e rgb(37,186,126)
```
#2ad08d
```
#2ad08d rgb(42,208,141)
```
#3bd899
```
#3bd899 rgb(59,216,153)
```

Monochromatic Color

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

#21a54f
```
#21a54f rgb(33,165,79)
```
#21a55a
```
#21a55a rgb(33,165,90)
```
#21a565
```
#21a565 rgb(33,165,101)
```
#21a570
```
#21a570 rgb(33,165,112)
```
#21a57b
```
#21a57b rgb(33,165,123)
```
#21a586
```
#21a586 rgb(33,165,134)
```
#21a591
```
#21a591 rgb(33,165,145)
```

Similar Colors

Text with hexadecimal color #21a570

This text has a font color of #21a570.

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

#21a570 background color

This paragraph has a background color of #21a570.

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

#21a570 border color

This element has a border color of #21a570.

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

CSS codes

.text {color:#21a570;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#04120c
```
#04120c rgb(4,18,12)
```
#072217
```
#072217 rgb(7,34,23)
```
#0a3322
```
#0a3322 rgb(10,51,34)
```
#0d432d
```
#0d432d rgb(13,67,45)
```
#115339
```
#115339 rgb(17,83,57)
```
#146444
```
#146444 rgb(20,100,68)
```
#17744f
```
#17744f rgb(23,116,79)
```
#1a845a
```
#1a845a rgb(26,132,90)
```
#1e9565
```
#1e9565 rgb(30,149,101)
```
#21a570
```
#21a570 rgb(33,165,112)
```
#24b57b
```
#24b57b rgb(36,181,123)
```
#28c686
```
#28c686 rgb(40,198,134)
```

Shade Color Variation

#2cd591
```
#2cd591 rgb(44,213,145)
```
#3cd89a
```
#3cd89a rgb(60,216,154)
```
#4ddba2
```
#4ddba2 rgb(77,219,162)
```
#5ddfab
```
#5ddfab rgb(93,223,171)
```
#6de2b3
```
#6de2b3 rgb(109,226,179)
```
#7ee5bc
```
#7ee5bc rgb(126,229,188)
```
#8ee8c4
```
#8ee8c4 rgb(142,232,196)
```
#9eeccd
```
#9eeccd rgb(158,236,205)
```
#afefd5
```
#afefd5 rgb(175,239,213)
```
#bff2de
```
#bff2de rgb(191,242,222)
```
#d0f6e6
```
#d0f6e6 rgb(208,246,230)
```
#e0f9ef
```
#e0f9ef rgb(224,249,239)
```
#f0fcf7
```
#f0fcf7 rgb(240,252,247)
```

Tint Color Variation

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

#5e6864
```
#5e6864 rgb(94,104,100)
```
#567066
```
#567066 rgb(86,112,102)
```
#4f7767
```
#4f7767 rgb(79,119,103)
```
#477f69
```
#477f69 rgb(71,127,105)
```
#3f876a
```
#3f876a rgb(63,135,106)
```
#388e6c
```
#388e6c rgb(56,142,108)
```
#30966d
```
#30966d rgb(48,150,109)
```
#299d6f
```
#299d6f rgb(41,157,111)
```
#21a570
```
#21a570 rgb(33,165,112)
```
#19ad72
```
#19ad72 rgb(25,173,114)
```
#12b473
```
#12b473 rgb(18,180,115)
```
#0abc75
```
#0abc75 rgb(10,188,117)
```
#03c376
```
#03c376 rgb(3,195,118)
```

Tone Color Variation

Below, you can see how #21a570 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
#668076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1966f Protanopia 1% of men
#ad917f Deuteranopia 1% of men
#4da2ae Tritanopia 0.001% of the population

Trichromacy

#739b6f Protanomaly 1% of men, 0.01% of women
#7a987a Deuteranomaly 6% of men, 0.4% of women
#3da397 Tritanomaly 0.01% of the population

#21a570 hex color

#21a570 Color Information

#21a570 Color Conversion

Color Schemes with #21a570

Alternatives to #21a570

#21a570 Preview

Shades and Tints of #21a570

Tones of #21a570

Color Blindness Simulator