#20ff96 Color Information
In a RGB color space, hex #20ff96 is composed of 12.5% red, 100% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 0% magenta, 41.2% yellow and 0% black. It has a hue angle of 151.7 degrees, a saturation of 100% and a lightness of 56.3%. #20ff96 color hex could be obtained by blending #40ffff with #00ff2d. Closest websafe color is: #33ff99.
-
- R 13
- G 100
- B 59
-
- C 87
- M 0
- Y 41
- K 0
● #20ff96 color description : Vivid cyan - lime green.
#20ff96 Color Conversion
The hexadecimal color #20ff96 has RGB values of R:32, G:255, B:150 and CMYK values of C:0.87, M:0, Y:0.41, K:0. Its decimal value is 2162582.
Hex triplet | 20ff96 | #20ff96 |
---|---|---|
RGB Decimal | 32, 255, 150 | rgb(32,255,150) |
RGB Percent | 12.5, 100, 58.8 | rgb(12.5%,100%,58.8%) |
CMYK | 87, 0, 41, 0 | |
HSL | 151.7°, 100, 56.3 | hsl(151.7,100%,56.3%) |
HSV (or HSB) | 151.7°, 87.5, 100 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 88.934, -71.895, 36.574 |
---|---|
XYZ | 41.858, 74.025, 40.935 |
xyY | 0.267, 0.472, 74.025 |
CIE-LCH | 88.934, 80.663, 153.037 |
CIE-LUV | 88.934, -76.913, 62.637 |
Hunter-Lab | 86.038, -63.725, 32.018 |
Binary | 00100000, 11111111, 10010110 |
Color Schemes with #20ff96
Alternatives to #20ff96
Below, you can see some colors close to #20ff96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ff96 Preview
This text has a font color of #20ff96.
<span style="color:#20ff96;">Text here</span>
This paragraph has a background color of #20ff96.
<p style="background-color:#20ff96;">Content here</p>
This element has a border color of #20ff96.
<div style="border:1px solid #20ff96;">Content here</div>
.text {color:#20ff96;}
.background {background-color:#20ff96;}
.border {border:1px solid #20ff96;}
Shades and Tints of #20ff96
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, #000c07 is the darkest color, while #f8fffc is the lightest one.
-
#000c07
#000c07
rgb(0,12,7)
-
#002011
#002011
rgb(0,32,17)
-
#00341b
#00341b
rgb(0,52,27)
-
#004726
#004726
rgb(0,71,38)
-
#005b30
#005b30
rgb(0,91,48)
-
#006e3a
#006e3a
rgb(0,110,58)
-
#008245
#008245
rgb(0,130,69)
-
#00964f
#00964f
rgb(0,150,79)
-
#00a95a
#00a95a
rgb(0,169,90)
-
#00bd64
#00bd64
rgb(0,189,100)
-
#00d16e
#00d16e
rgb(0,209,110)
-
#00e479
#00e479
rgb(0,228,121)
-
#00f883
#00f883
rgb(0,248,131)
-
#0cff8d
#0cff8d
rgb(12,255,141)
-
#20ff96
#20ff96
rgb(32,255,150)
-
#34ff9f
#34ff9f
rgb(52,255,159)
-
#47ffa8
#47ffa8
rgb(71,255,168)
-
#5bffb2
#5bffb2
rgb(91,255,178)
-
#6effbb
#6effbb
rgb(110,255,187)
-
#82ffc4
#82ffc4
rgb(130,255,196)
-
#96ffcd
#96ffcd
rgb(150,255,205)
-
#a9ffd7
#a9ffd7
rgb(169,255,215)
-
#bdffe0
#bdffe0
rgb(189,255,224)
-
#d1ffe9
#d1ffe9
rgb(209,255,233)
-
#e4fff2
#e4fff2
rgb(228,255,242)
-
#f8fffc
#f8fffc
rgb(248,255,252)
Tones of #20ff96
A tone is produced by adding gray to any pure hue. In this case, #879890 is the less saturated color, while #20ff96 is the most saturated one.
-
#879890
#879890
rgb(135,152,144)
-
#7ea191
#7ea191
rgb(126,161,145)
-
#76a991
#76a991
rgb(118,169,145)
-
#6db292
#6db292
rgb(109,178,146)
-
#65ba92
#65ba92
rgb(101,186,146)
-
#5cc393
#5cc393
rgb(92,195,147)
-
#53cc93
#53cc93
rgb(83,204,147)
-
#4bd494
#4bd494
rgb(75,212,148)
-
#42dd94
#42dd94
rgb(66,221,148)
-
#3ae595
#3ae595
rgb(58,229,149)
-
#31ee95
#31ee95
rgb(49,238,149)
-
#29f696
#29f696
rgb(41,246,150)
-
#20ff96
#20ff96
rgb(32,255,150)
Color Blindness Simulator
Below, you can see how #20ff96 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.