#21ca80 hex color

In a RGB color space, hex #21ca80 is composed of 12.9% red, 79.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 0% magenta, 36.6% yellow and 20.8% black. It has a hue angle of 153.7 degrees, a saturation of 71.9% and a lightness of 46.1%. #21ca80 color hex could be obtained by blending #42ffff with #009501. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 79
- B 50
RGB color chart
- C 84
- M 0
- Y 37
- K 21
CMYK color chart

● #21ca80 color description : Strong cyan - lime green.

The hexadecimal color #21ca80 has RGB values of R:33, G:202, B:128 and CMYK values of C:0.84, M:0, Y:0.37, K:0.21. Its decimal value is 2214528.

Hex triplet	21ca80	`#21ca80`
RGB Decimal	33, 202, 128	`rgb(33,202,128)`
RGB Percent	12.9, 79.2, 50.2	`rgb(12.9%,79.2%,50.2%)`
CMYK	84, 0, 37, 21
HSL	153.7°, 71.9, 46.1	`hsl(153.7,71.9%,46.1%)`
HSV (or HSB)	153.7°, 83.7, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.309, -57.563, 25.704
XYZ	25.642, 44.12, 27.585
xyY	0.263, 0.453, 44.12
CIE-LCH	72.309, 63.041, 155.937
CIE-LUV	72.309, -60.79, 44.387
Hunter-Lab	66.423, -47.332, 21.873
Binary	00100001, 11001010, 10000000

#21ca80
```
#21ca80 rgb(33,202,128)
```
#ca216b
```
#ca216b rgb(202,33,107)
```

Complementary Color

#21ca2c
```
#21ca2c rgb(33,202,44)
```
#21ca80
```
#21ca80 rgb(33,202,128)
```
#21c0ca
```
#21c0ca rgb(33,192,202)
```

Analogous Color

#ca2c21
```
#ca2c21 rgb(202,44,33)
```
#21ca80
```
#21ca80 rgb(33,202,128)
```
#ca21c0
```
#ca21c0 rgb(202,33,192)
```

Split Complementary Color

#ca8021
```
#ca8021 rgb(202,128,33)
```
#21ca80
```
#21ca80 rgb(33,202,128)
```
#8021ca
```
#8021ca rgb(128,33,202)
```

Triadic Color

#6bca21
```
#6bca21 rgb(107,202,33)
```
#21ca80
```
#21ca80 rgb(33,202,128)
```
#8021ca
```
#8021ca rgb(128,33,202)
```
#ca216b
```
#ca216b rgb(202,33,107)
```

Tetradic Color

#168856
```
#168856 rgb(22,136,86)
```
#1a9e64
```
#1a9e64 rgb(26,158,100)
```
#1db472
```
#1db472 rgb(29,180,114)
```
#21ca80
```
#21ca80 rgb(33,202,128)
```
#29dc8d
```
#29dc8d rgb(41,220,141)
```
#3ee099
```
#3ee099 rgb(62,224,153)
```
#54e3a5
```
#54e3a5 rgb(84,227,165)
```

Monochromatic Color

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

#21ca56
```
#21ca56 rgb(33,202,86)
```
#21ca64
```
#21ca64 rgb(33,202,100)
```
#21ca72
```
#21ca72 rgb(33,202,114)
```
#21ca80
```
#21ca80 rgb(33,202,128)
```
#21ca8e
```
#21ca8e rgb(33,202,142)
```
#21ca9c
```
#21ca9c rgb(33,202,156)
```
#21caaa
```
#21caaa rgb(33,202,170)
```

Similar Colors

Text with hexadecimal color #21ca80

This text has a font color of #21ca80.

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

#21ca80 background color

This paragraph has a background color of #21ca80.

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

#21ca80 border color

This element has a border color of #21ca80.

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

CSS codes

.text {color:#21ca80;}

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

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

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, #03110a is the darkest color, while #ffffff is the lightest one.

#03110a
```
#03110a rgb(3,17,10)
```
#052115
```
#052115 rgb(5,33,21)
```
#083220
```
#083220 rgb(8,50,32)
```
#0b432b
```
#0b432b rgb(11,67,43)
```
#0e5435
```
#0e5435 rgb(14,84,53)
```
#106540
```
#106540 rgb(16,101,64)
```
#13764b
```
#13764b rgb(19,118,75)
```
#168755
```
#168755 rgb(22,135,85)
```
#199760
```
#199760 rgb(25,151,96)
```
#1ba86b
```
#1ba86b rgb(27,168,107)
```
#1eb975
```
#1eb975 rgb(30,185,117)
```
#21ca80
```
#21ca80 rgb(33,202,128)
```
#24db8b
```
#24db8b rgb(36,219,139)
```

Shade Color Variation

#34de94
```
#34de94 rgb(52,222,148)
```
#45e19d
```
#45e19d rgb(69,225,157)
```
#56e3a6
```
#56e3a6 rgb(86,227,166)
```
#67e6ae
```
#67e6ae rgb(103,230,174)
```
#78e9b7
```
#78e9b7 rgb(120,233,183)
```
#89ecc0
```
#89ecc0 rgb(137,236,192)
```
#9aeec9
```
#9aeec9 rgb(154,238,201)
```
#aaf1d2
```
#aaf1d2 rgb(170,241,210)
```
#bbf4db
```
#bbf4db rgb(187,244,219)
```
#ccf7e4
```
#ccf7e4 rgb(204,247,228)
```
#ddf9ed
```
#ddf9ed rgb(221,249,237)
```
#eefcf6
```
#eefcf6 rgb(238,252,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727976 is the less saturated color, while #06e583 is the most saturated one.

#727976
```
#727976 rgb(114,121,118)
```
#698277
```
#698277 rgb(105,130,119)
```
#608b78
```
#608b78 rgb(96,139,120)
```
#579479
```
#579479 rgb(87,148,121)
```
#4e9d7a
```
#4e9d7a rgb(78,157,122)
```
#45a67c
```
#45a67c rgb(69,166,124)
```
#3caf7d
```
#3caf7d rgb(60,175,125)
```
#33b87e
```
#33b87e rgb(51,184,126)
```
#2ac17f
```
#2ac17f rgb(42,193,127)
```
#21ca80
```
#21ca80 rgb(33,202,128)
```
#18d381
```
#18d381 rgb(24,211,129)
```
#0fdc82
```
#0fdc82 rgb(15,220,130)
```
#06e583
```
#06e583 rgb(6,229,131)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#799b8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b57d Protanopia 1% of men
#d2ae91 Deuteranopia 1% of men
#5cc3d1 Tritanopia 0.001% of the population

Trichromacy

#88bc7e Protanomaly 1% of men, 0.01% of women
#92b88a Deuteranomaly 6% of men, 0.4% of women
#46c5b3 Tritanomaly 0.01% of the population

#21ca80 hex color

#21ca80 Color Information

#21ca80 Color Conversion

Color Schemes with #21ca80

Alternatives to #21ca80

#21ca80 Preview

Shades and Tints of #21ca80

Tones of #21ca80

Color Blindness Simulator