#20ad95 Color Information
In a RGB color space, hex #20ad95 is composed of 12.5% red, 67.8% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 13.9% yellow and 32.2% black. It has a hue angle of 169.8 degrees, a saturation of 68.8% and a lightness of 40.2%. #20ad95 color hex could be obtained by blending #40ffff with #005b2b. Closest websafe color is: #339999.
-
- R 13
- G 68
- B 58
-
- C 82
- M 0
- Y 14
- K 32
● #20ad95 color description : Dark cyan.
#20ad95 Color Conversion
The hexadecimal color #20ad95 has RGB values of R:32, G:173, B:149 and CMYK values of C:0.82, M:0, Y:0.14, K:0.32. Its decimal value is 2141589.
| Hex triplet | 20ad95 | #20ad95 |
|---|---|---|
| RGB Decimal | 32, 173, 149 | rgb(32,173,149) |
| RGB Percent | 12.5, 67.8, 58.4 | rgb(12.5%,67.8%,58.4%) |
| CMYK | 82, 0, 14, 32 | |
| HSL | 169.8°, 68.8, 40.2 | hsl(169.8,68.8%,40.2%) |
| HSV (or HSB) | 169.8°, 81.5, 67.8 | |
| Web Safe | 339999 | #339999 |
| CIE-LAB | 63.641, -41.191, 2.195 |
|---|---|
| XYZ | 20.962, 32.362, 33.574 |
| xyY | 0.241, 0.372, 32.362 |
| CIE-LCH | 63.641, 41.249, 176.95 |
| CIE-LUV | 63.641, -49.416, 9.437 |
| Hunter-Lab | 56.888, -33.779, 4.83 |
| Binary | 00100000, 10101101, 10010101 |
Color Schemes with #20ad95
Alternatives to #20ad95
Below, you can see some colors close to #20ad95. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ad95 Preview
This text has a font color of #20ad95.
<span style="color:#20ad95;">Text here</span>
This paragraph has a background color of #20ad95.
<p style="background-color:#20ad95;">Content here</p>
This element has a border color of #20ad95.
<div style="border:1px solid #20ad95;">Content here</div>
.text {color:#20ad95;}
.background {background-color:#20ad95;}
.border {border:1px solid #20ad95;}
Shades and Tints of #20ad95
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, #010706 is the darkest color, while #f6fdfc is the lightest one.
-
#010706
#010706rgb(1,7,6) -
#041815
#041815rgb(4,24,21) -
#082923
#082923rgb(8,41,35) -
#0b3931
#0b3931rgb(11,57,49) -
#0e4a3f
#0e4a3frgb(14,74,63) -
#115a4e
#115a4ergb(17,90,78) -
#146b5c
#146b5crgb(20,107,92) -
#177b6a
#177b6argb(23,123,106) -
#1a8c78
#1a8c78rgb(26,140,120) -
#1d9c87
#1d9c87rgb(29,156,135) -
#20ad95
#20ad95rgb(32,173,149) -
#23bea3
#23bea3rgb(35,190,163) -
#26ceb2
#26ceb2rgb(38,206,178)
-
#2fd9bc
#2fd9bcrgb(47,217,188) -
#40dcc1
#40dcc1rgb(64,220,193) -
#50dfc6
#50dfc6rgb(80,223,198) -
#61e2cc
#61e2ccrgb(97,226,204) -
#71e5d1
#71e5d1rgb(113,229,209) -
#82e8d7
#82e8d7rgb(130,232,215) -
#93ebdc
#93ebdcrgb(147,235,220) -
#a3eee1
#a3eee1rgb(163,238,225) -
#b4f1e7
#b4f1e7rgb(180,241,231) -
#c4f4ec
#c4f4ecrgb(196,244,236) -
#d5f7f1
#d5f7f1rgb(213,247,241) -
#e5faf7
#e5faf7rgb(229,250,247) -
#f6fdfc
#f6fdfcrgb(246,253,252)
Tones of #20ad95
A tone is produced by adding gray to any pure hue. In this case, #5f6e6b is the less saturated color, while #00cdaa is the most saturated one.
-
#5f6e6b
#5f6e6brgb(95,110,107) -
#577671
#577671rgb(87,118,113) -
#4f7e76
#4f7e76rgb(79,126,118) -
#47867b
#47867brgb(71,134,123) -
#408d80
#408d80rgb(64,141,128) -
#389585
#389585rgb(56,149,133) -
#309d8b
#309d8brgb(48,157,139) -
#28a590
#28a590rgb(40,165,144) -
#20ad95
#20ad95rgb(32,173,149) -
#18b59a
#18b59argb(24,181,154) -
#10bd9f
#10bd9frgb(16,189,159) -
#08c5a5
#08c5a5rgb(8,197,165) -
#00cdaa
#00cdaargb(0,205,170)
Color Blindness Simulator
Below, you can see how #20ad95 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.
