#21a371 Color Information
In a RGB color space, hex #21a371 is composed of 12.9% red, 63.9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 30.7% yellow and 36.1% black. It has a hue angle of 156.9 degrees, a saturation of 66.3% and a lightness of 38.4%. #21a371 color hex could be obtained by blending #42ffe2 with #004700. Closest websafe color is: #339966.
-
- R 13
- G 64
- B 44
-
- C 80
- M 0
- Y 31
- K 36
● #21a371 color description : Dark cyan - lime green.
#21a371 Color Conversion
The hexadecimal color #21a371 has RGB values of R:33, G:163, B:113 and CMYK values of C:0.8, M:0, Y:0.31, K:0.36. Its decimal value is 2204529.
| Hex triplet | 21a371 | #21a371 |
|---|---|---|
| RGB Decimal | 33, 163, 113 | rgb(33,163,113) |
| RGB Percent | 12.9, 63.9, 44.3 | rgb(12.9%,63.9%,44.3%) |
| CMYK | 80, 0, 31, 36 | |
| HSL | 156.9°, 66.3, 38.4 | hsl(156.9,66.3%,38.4%) |
| HSV (or HSB) | 156.9°, 79.8, 63.9 | |
| Web Safe | 339966 | #339966 |
| CIE-LAB | 59.624, -45.9, 16.527 |
|---|---|
| XYZ | 16.704, 27.708, 20.09 |
| xyY | 0.259, 0.43, 27.708 |
| CIE-LCH | 59.624, 48.785, 160.197 |
| CIE-LUV | 59.624, -48.214, 29.383 |
| Hunter-Lab | 52.639, -35.475, 14.219 |
| Binary | 00100001, 10100011, 01110001 |
Color Schemes with #21a371
Alternatives to #21a371
Below, you can see some colors close to #21a371. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21a371 Preview
This text has a font color of #21a371.
<span style="color:#21a371;">Text here</span>
This paragraph has a background color of #21a371.
<p style="background-color:#21a371;">Content here</p>
This element has a border color of #21a371.
<div style="border:1px solid #21a371;">Content here</div>
.text {color:#21a371;}
.background {background-color:#21a371;}
.border {border:1px solid #21a371;}
Shades and Tints of #21a371
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, #03100b is the darkest color, while #ffffff is the lightest one.
-
#03100b
#03100brgb(3,16,11) -
#072017
#072017rgb(7,32,23) -
#0a3122
#0a3122rgb(10,49,34) -
#0d412d
#0d412drgb(13,65,45) -
#105138
#105138rgb(16,81,56) -
#146244
#146244rgb(20,98,68) -
#17724f
#17724frgb(23,114,79) -
#1a825a
#1a825argb(26,130,90) -
#1e9366
#1e9366rgb(30,147,102) -
#21a371
#21a371rgb(33,163,113) -
#24b37c
#24b37crgb(36,179,124) -
#28c488
#28c488rgb(40,196,136) -
#2bd493
#2bd493rgb(43,212,147)
-
#3bd79b
#3bd79brgb(59,215,155) -
#4bdba4
#4bdba4rgb(75,219,164) -
#5cdeac
#5cdeacrgb(92,222,172) -
#6ce1b4
#6ce1b4rgb(108,225,180) -
#7ce5bc
#7ce5bcrgb(124,229,188) -
#8de8c5
#8de8c5rgb(141,232,197) -
#9debcd
#9debcdrgb(157,235,205) -
#adeed5
#adeed5rgb(173,238,213) -
#bef2de
#bef2dergb(190,242,222) -
#cef5e6
#cef5e6rgb(206,245,230) -
#def8ee
#def8eergb(222,248,238) -
#effcf7
#effcf7rgb(239,252,247) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #21a371
A tone is produced by adding gray to any pure hue. In this case, #5d6763 is the less saturated color, while #03c178 is the most saturated one.
-
#5d6763
#5d6763rgb(93,103,99) -
#566e65
#566e65rgb(86,110,101) -
#4e7667
#4e7667rgb(78,118,103) -
#477d68
#477d68rgb(71,125,104) -
#3f856a
#3f856argb(63,133,106) -
#388c6c
#388c6crgb(56,140,108) -
#30946e
#30946ergb(48,148,110) -
#299b6f
#299b6frgb(41,155,111) -
#21a371
#21a371rgb(33,163,113) -
#19ab73
#19ab73rgb(25,171,115) -
#12b274
#12b274rgb(18,178,116) -
#0aba76
#0aba76rgb(10,186,118) -
#03c178
#03c178rgb(3,193,120)
Color Blindness Simulator
Below, you can see how #21a371 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.
