#20ff96 hex color

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.

♥
- f
- t
- g
- R 13
- G 100
- B 59
RGB color chart
- C 87
- M 0
- Y 41
- K 0
CMYK color chart

● #20ff96 color description : Vivid cyan - lime green.

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

#20ff96
```
#20ff96 rgb(32,255,150)
```
#ff2089
```
#ff2089 rgb(255,32,137)
```

Complementary Color

#20ff27
```
#20ff27 rgb(32,255,39)
```
#20ff96
```
#20ff96 rgb(32,255,150)
```
#20f9ff
```
#20f9ff rgb(32,249,255)
```

Analogous Color

#ff2720
```
#ff2720 rgb(255,39,32)
```
#20ff96
```
#20ff96 rgb(32,255,150)
```
#ff20f9
```
#ff20f9 rgb(255,32,249)
```

Split Complementary Color

#ff9620
```
#ff9620 rgb(255,150,32)
```
#20ff96
```
#20ff96 rgb(32,255,150)
```
#9620ff
```
#9620ff rgb(150,32,255)
```

Triadic Color

#89ff20
```
#89ff20 rgb(137,255,32)
```
#20ff96
```
#20ff96 rgb(32,255,150)
```
#9620ff
```
#9620ff rgb(150,32,255)
```
#ff2089
```
#ff2089 rgb(255,32,137)
```

Tetradic Color

#00d36f
```
#00d36f rgb(0,211,111)
```
#00ec7d
```
#00ec7d rgb(0,236,125)
```
#06ff8a
```
#06ff8a rgb(6,255,138)
```
#20ff96
```
#20ff96 rgb(32,255,150)
```
#3affa2
```
#3affa2 rgb(58,255,162)
```
#53ffae
```
#53ffae rgb(83,255,174)
```
#6dffba
```
#6dffba rgb(109,255,186)
```

Monochromatic Color

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.

#20ff5e
```
#20ff5e rgb(32,255,94)
```
#20ff71
```
#20ff71 rgb(32,255,113)
```
#20ff83
```
#20ff83 rgb(32,255,131)
```
#20ff96
```
#20ff96 rgb(32,255,150)
```
#20ffa9
```
#20ffa9 rgb(32,255,169)
```
#20ffbb
```
#20ffbb rgb(32,255,187)
```
#20ffce
```
#20ffce rgb(32,255,206)
```

Similar Colors

Text with hexadecimal color #20ff96

This text has a font color of #20ff96.

<span style="color:#20ff96;">Text here</span>

#20ff96 background color

This paragraph has a background color of #20ff96.

<p style="background-color:#20ff96;">Content here</p>

#20ff96 border color

This element has a border color of #20ff96.

<div style="border:1px solid #20ff96;">Content here</div>

CSS codes

.text {color:#20ff96;}

.background {background-color:#20ff96;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#b0b0b0 Achromatopsia 0.005% of the population
#93c0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e090 Protanopia 1% of men
#ffdab9 Deuteranopia 1% of men
#8cefff Tritanopia 0.001% of the population

Trichromacy

#a7eb92 Protanomaly 1% of men, 0.01% of women
#ade7ac Deuteranomaly 6% of men, 0.4% of women
#65f5d8 Tritanomaly 0.01% of the population

#20ff96 hex color

#20ff96 Color Information

#20ff96 Color Conversion

Color Schemes with #20ff96

Alternatives to #20ff96

#20ff96 Preview

Shades and Tints of #20ff96

Tones of #20ff96

Color Blindness Simulator