#20e396 Color Information
In a RGB color space, hex #20e396 is composed of 12.5% red, 89% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 0% magenta, 33.9% yellow and 11% black. It has a hue angle of 156.3 degrees, a saturation of 77.7% and a lightness of 50.8%. #20e396 color hex could be obtained by blending #40ffff with #00c72d. Closest websafe color is: #33cc99.
-
- R 13
- G 89
- B 59
-
- C 86
- M 0
- Y 34
- K 11
● #20e396 color description : Vivid cyan - lime green.
#20e396 Color Conversion
The hexadecimal color #20e396 has RGB values of R:32, G:227, B:150 and CMYK values of C:0.86, M:0, Y:0.34, K:0.11. Its decimal value is 2155414.
Hex triplet | 20e396 | #20e396 |
---|---|---|
RGB Decimal | 32, 227, 150 | rgb(32,227,150) |
RGB Percent | 12.5, 89, 58.8 | rgb(12.5%,89%,58.8%) |
CMYK | 86, 0, 34, 11 | |
HSL | 156.3°, 77.7, 50.8 | hsl(156.3,77.7%,50.8%) |
HSV (or HSB) | 156.3°, 85.9, 89 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 80.428, -62.217, 25.234 |
---|---|
XYZ | 33.567, 57.444, 38.171 |
xyY | 0.26, 0.445, 57.444 |
CIE-LCH | 80.428, 67.139, 157.924 |
CIE-LUV | 80.428, -67.822, 45.662 |
Hunter-Lab | 75.792, -53.58, 23.194 |
Binary | 00100000, 11100011, 10010110 |
Color Schemes with #20e396
Alternatives to #20e396
Below, you can see some colors close to #20e396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20e396 Preview
This text has a font color of #20e396.
<span style="color:#20e396;">Text here</span>
This paragraph has a background color of #20e396.
<p style="background-color:#20e396;">Content here</p>
This element has a border color of #20e396.
<div style="border:1px solid #20e396;">Content here</div>
.text {color:#20e396;}
.background {background-color:#20e396;}
.border {border:1px solid #20e396;}
Shades and Tints of #20e396
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, #000402 is the darkest color, while #f1fdf8 is the lightest one.
-
#000402
#000402
rgb(0,4,2)
-
#03150e
#03150e
rgb(3,21,14)
-
#052619
#052619
rgb(5,38,25)
-
#073825
#073825
rgb(7,56,37)
-
#094930
#094930
rgb(9,73,48)
-
#0b5b3b
#0b5b3b
rgb(11,91,59)
-
#0e6c47
#0e6c47
rgb(14,108,71)
-
#107e52
#107e52
rgb(16,126,82)
-
#128f5e
#128f5e
rgb(18,143,94)
-
#14a069
#14a069
rgb(20,160,105)
-
#16b274
#16b274
rgb(22,178,116)
-
#19c380
#19c380
rgb(25,195,128)
-
#1bd58b
#1bd58b
rgb(27,213,139)
-
#20e396
#20e396
rgb(32,227,150)
-
#31e59e
#31e59e
rgb(49,229,158)
-
#43e7a6
#43e7a6
rgb(67,231,166)
-
#54eaaf
#54eaaf
rgb(84,234,175)
-
#66ecb7
#66ecb7
rgb(102,236,183)
-
#77eebf
#77eebf
rgb(119,238,191)
-
#89f0c7
#89f0c7
rgb(137,240,199)
-
#9af2cf
#9af2cf
rgb(154,242,207)
-
#abf5d8
#abf5d8
rgb(171,245,216)
-
#bdf7e0
#bdf7e0
rgb(189,247,224)
-
#cef9e8
#cef9e8
rgb(206,249,232)
-
#e0fbf0
#e0fbf0
rgb(224,251,240)
-
#f1fdf8
#f1fdf8
rgb(241,253,248)
Tones of #20e396
A tone is produced by adding gray to any pure hue. In this case, #818282 is the less saturated color, while #0df69a is the most saturated one.
-
#818282
#818282
rgb(129,130,130)
-
#778c84
#778c84
rgb(119,140,132)
-
#6d9686
#6d9686
rgb(109,150,134)
-
#649f88
#649f88
rgb(100,159,136)
-
#5aa98a
#5aa98a
rgb(90,169,138)
-
#50b38c
#50b38c
rgb(80,179,140)
-
#47bc8e
#47bc8e
rgb(71,188,142)
-
#3dc690
#3dc690
rgb(61,198,144)
-
#33d092
#33d092
rgb(51,208,146)
-
#2ad994
#2ad994
rgb(42,217,148)
-
#20e396
#20e396
rgb(32,227,150)
-
#16ed98
#16ed98
rgb(22,237,152)
-
#0df69a
#0df69a
rgb(13,246,154)
Color Blindness Simulator
Below, you can see how #20e396 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.