#21a877 Color Information
In a RGB color space, hex #21a877 is composed of 12.9% red, 65.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 29.2% yellow and 34.1% black. It has a hue angle of 158.2 degrees, a saturation of 67.2% and a lightness of 39.4%. #21a877 color hex could be obtained by blending #42ffee with #005100. Closest websafe color is: #339966.
-
- R 13
- G 66
- B 47
-
- C 80
- M 0
- Y 29
- K 34
● #21a877 color description : Dark cyan - lime green.
#21a877 Color Conversion
The hexadecimal color #21a877 has RGB values of R:33, G:168, B:119 and CMYK values of C:0.8, M:0, Y:0.29, K:0.34. Its decimal value is 2205815.
Hex triplet | 21a877 | #21a877 |
---|---|---|
RGB Decimal | 33, 168, 119 | rgb(33,168,119) |
RGB Percent | 12.9, 65.9, 46.7 | rgb(12.9%,65.9%,46.7%) |
CMYK | 80, 0, 29, 34 | |
HSL | 158.2°, 67.2, 39.4 | hsl(158.2,67.2%,39.4%) |
HSV (or HSB) | 158.2°, 80.4, 65.9 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 61.359, -46.533, 15.61 |
---|---|
XYZ | 17.958, 29.659, 22.23 |
xyY | 0.257, 0.425, 29.659 |
CIE-LCH | 61.359, 49.082, 161.455 |
CIE-LUV | 61.359, -49.603, 28.517 |
Hunter-Lab | 54.46, -36.444, 13.92 |
Binary | 00100001, 10101000, 01110111 |
Color Schemes with #21a877
Alternatives to #21a877
Below, you can see some colors close to #21a877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21a877 Preview
This text has a font color of #21a877.
<span style="color:#21a877;">Text here</span>
This paragraph has a background color of #21a877.
<p style="background-color:#21a877;">Content here</p>
This element has a border color of #21a877.
<div style="border:1px solid #21a877;">Content here</div>
.text {color:#21a877;}
.background {background-color:#21a877;}
.border {border:1px solid #21a877;}
Shades and Tints of #21a877
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, #010403 is the darkest color, while #f3fdf9 is the lightest one.
-
#010403
#010403
rgb(1,4,3)
-
#04140e
#04140e
rgb(4,20,14)
-
#07251a
#07251a
rgb(7,37,26)
-
#0a3526
#0a3526
rgb(10,53,38)
-
#0e4631
#0e4631
rgb(14,70,49)
-
#11563d
#11563d
rgb(17,86,61)
-
#146649
#146649
rgb(20,102,73)
-
#177754
#177754
rgb(23,119,84)
-
#1b8760
#1b8760
rgb(27,135,96)
-
#1e986b
#1e986b
rgb(30,152,107)
-
#21a877
#21a877
rgb(33,168,119)
-
#24b883
#24b883
rgb(36,184,131)
-
#27c98e
#27c98e
rgb(39,201,142)
-
#2ed699
#2ed699
rgb(46,214,153)
-
#3ed9a1
#3ed9a1
rgb(62,217,161)
-
#4fdca9
#4fdca9
rgb(79,220,169)
-
#5fe0b1
#5fe0b1
rgb(95,224,177)
-
#6fe3b9
#6fe3b9
rgb(111,227,185)
-
#80e6c1
#80e6c1
rgb(128,230,193)
-
#90e9c9
#90e9c9
rgb(144,233,201)
-
#a1ecd1
#a1ecd1
rgb(161,236,209)
-
#b1f0d9
#b1f0d9
rgb(177,240,217)
-
#c1f3e1
#c1f3e1
rgb(193,243,225)
-
#d2f6e9
#d2f6e9
rgb(210,246,233)
-
#e2f9f1
#e2f9f1
rgb(226,249,241)
-
#f3fdf9
#f3fdf9
rgb(243,253,249)
Tones of #21a877
A tone is produced by adding gray to any pure hue. In this case, #5f6a66 is the less saturated color, while #02c77f is the most saturated one.
-
#5f6a66
#5f6a66
rgb(95,106,102)
-
#577268
#577268
rgb(87,114,104)
-
#4f7a6a
#4f7a6a
rgb(79,122,106)
-
#48816c
#48816c
rgb(72,129,108)
-
#40896f
#40896f
rgb(64,137,111)
-
#389171
#389171
rgb(56,145,113)
-
#309973
#309973
rgb(48,153,115)
-
#29a075
#29a075
rgb(41,160,117)
-
#21a877
#21a877
rgb(33,168,119)
-
#19b079
#19b079
rgb(25,176,121)
-
#12b77b
#12b77b
rgb(18,183,123)
-
#0abf7d
#0abf7d
rgb(10,191,125)
-
#02c77f
#02c77f
rgb(2,199,127)
Color Blindness Simulator
Below, you can see how #21a877 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.