#20ed96 Color Information
In a RGB color space, hex #20ed96 is composed of 12.5% red, 92.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 0% magenta, 36.7% yellow and 7.1% black. It has a hue angle of 154.5 degrees, a saturation of 85.1% and a lightness of 52.7%. #20ed96 color hex could be obtained by blending #40ffff with #00db2d. Closest websafe color is: #33ff99.
-
- R 13
- G 93
- B 59
-
- C 86
- M 0
- Y 37
- K 7
● #20ed96 color description : Vivid cyan - lime green.
#20ed96 Color Conversion
The hexadecimal color #20ed96 has RGB values of R:32, G:237, B:150 and CMYK values of C:0.86, M:0, Y:0.37, K:0.07. Its decimal value is 2157974.
Hex triplet | 20ed96 | #20ed96 |
---|---|---|
RGB Decimal | 32, 237, 150 | rgb(32,237,150) |
RGB Percent | 12.5, 92.9, 58.8 | rgb(12.5%,92.9%,58.8%) |
CMYK | 86, 0, 37, 7 | |
HSL | 154.5°, 85.1, 52.7 | hsl(154.5,85.1%,52.7%) |
HSV (or HSB) | 154.5°, 86.5, 92.9 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 83.481, -65.759, 29.35 |
---|---|
XYZ | 36.382, 63.074, 39.109 |
xyY | 0.263, 0.455, 63.074 |
CIE-LCH | 83.481, 72.012, 155.947 |
CIE-LUV | 83.481, -71.105, 51.883 |
Hunter-Lab | 79.419, -57.212, 26.396 |
Binary | 00100000, 11101101, 10010110 |
Color Schemes with #20ed96
Alternatives to #20ed96
Below, you can see some colors close to #20ed96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ed96 Preview
This text has a font color of #20ed96.
<span style="color:#20ed96;">Text here</span>
This paragraph has a background color of #20ed96.
<p style="background-color:#20ed96;">Content here</p>
This element has a border color of #20ed96.
<div style="border:1px solid #20ed96;">Content here</div>
.text {color:#20ed96;}
.background {background-color:#20ed96;}
.border {border:1px solid #20ed96;}
Shades and Tints of #20ed96
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, #010d08 is the darkest color, while #fafffd is the lightest one.
-
#010d08
#010d08
rgb(1,13,8)
-
#031f13
#031f13
rgb(3,31,19)
-
#04311e
#04311e
rgb(4,49,30)
-
#054329
#054329
rgb(5,67,41)
-
#075634
#075634
rgb(7,86,52)
-
#08683f
#08683f
rgb(8,104,63)
-
#0a7a4a
#0a7a4a
rgb(10,122,74)
-
#0b8c55
#0b8c55
rgb(11,140,85)
-
#0d9e60
#0d9e60
rgb(13,158,96)
-
#0eb06c
#0eb06c
rgb(14,176,108)
-
#10c277
#10c277
rgb(16,194,119)
-
#11d582
#11d582
rgb(17,213,130)
-
#13e78d
#13e78d
rgb(19,231,141)
-
#20ed96
#20ed96
rgb(32,237,150)
-
#32ee9f
#32ee9f
rgb(50,238,159)
-
#44f0a7
#44f0a7
rgb(68,240,167)
-
#56f1b0
#56f1b0
rgb(86,241,176)
-
#69f3b8
#69f3b8
rgb(105,243,184)
-
#7bf4c1
#7bf4c1
rgb(123,244,193)
-
#8df6c9
#8df6c9
rgb(141,246,201)
-
#9ff7d2
#9ff7d2
rgb(159,247,210)
-
#b1f9da
#b1f9da
rgb(177,249,218)
-
#c3fae3
#c3fae3
rgb(195,250,227)
-
#d6fceb
#d6fceb
rgb(214,252,235)
-
#e8fdf4
#e8fdf4
rgb(232,253,244)
-
#fafffd
#fafffd
rgb(250,255,253)
Tones of #20ed96
A tone is produced by adding gray to any pure hue. In this case, #868787 is the less saturated color, while #17f697 is the most saturated one.
-
#868787
#868787
rgb(134,135,135)
-
#7d9088
#7d9088
rgb(125,144,136)
-
#739a89
#739a89
rgb(115,154,137)
-
#6aa38b
#6aa38b
rgb(106,163,139)
-
#61ac8c
#61ac8c
rgb(97,172,140)
-
#58b58e
#58b58e
rgb(88,181,142)
-
#4ebf8f
#4ebf8f
rgb(78,191,143)
-
#45c890
#45c890
rgb(69,200,144)
-
#3cd192
#3cd192
rgb(60,209,146)
-
#33da93
#33da93
rgb(51,218,147)
-
#29e495
#29e495
rgb(41,228,149)
-
#20ed96
#20ed96
rgb(32,237,150)
-
#17f697
#17f697
rgb(23,246,151)
Color Blindness Simulator
Below, you can see how #20ed96 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.