#20fb96 hex color

In a RGB color space, hex #20fb96 is composed of 12.5% red, 98.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 0% magenta, 40.2% yellow and 1.6% black. It has a hue angle of 152.3 degrees, a saturation of 96.5% and a lightness of 55.5%. #20fb96 color hex could be obtained by blending #40ffff with #00f72d. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #20fb96 has RGB values of R:32, G:251, B:150 and CMYK values of C:0.87, M:0, Y:0.4, K:0.02. Its decimal value is 2161558.

Hex triplet	20fb96	`#20fb96`
RGB Decimal	32, 251, 150	`rgb(32,251,150)`
RGB Percent	12.5, 98.4, 58.8	`rgb(12.5%,98.4%,58.8%)`
CMYK	87, 0, 40, 2
HSL	152.3°, 96.5, 55.5	`hsl(152.3,96.5%,55.5%)`
HSV (or HSB)	152.3°, 87.3, 98.4
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.727, -70.556, 34.989
XYZ	40.595, 71.499, 40.514
xyY	0.266, 0.469, 71.499
CIE-LCH	87.727, 78.756, 153.623
CIE-LUV	87.727, -75.633, 60.295
Hunter-Lab	84.557, -62.279, 30.782
Binary	00100000, 11111011, 10010110

#20fb96
```
#20fb96 rgb(32,251,150)
```
#fb2085
```
#fb2085 rgb(251,32,133)
```

Complementary Color

#20fb29
```
#20fb29 rgb(32,251,41)
```
#20fb96
```
#20fb96 rgb(32,251,150)
```
#20f3fb
```
#20f3fb rgb(32,243,251)
```

Analogous Color

#fb2920
```
#fb2920 rgb(251,41,32)
```
#20fb96
```
#20fb96 rgb(32,251,150)
```
#fb20f3
```
#fb20f3 rgb(251,32,243)
```

Split Complementary Color

#fb9620
```
#fb9620 rgb(251,150,32)
```
#20fb96
```
#20fb96 rgb(32,251,150)
```
#9620fb
```
#9620fb rgb(150,32,251)
```

Triadic Color

#85fb20
```
#85fb20 rgb(133,251,32)
```
#20fb96
```
#20fb96 rgb(32,251,150)
```
#9620fb
```
#9620fb rgb(150,32,251)
```
#fb2085
```
#fb2085 rgb(251,32,133)
```

Tetradic Color

#04cb6f
```
#04cb6f rgb(4,203,111)
```
#04e47d
```
#04e47d rgb(4,228,125)
```
#07fb8a
```
#07fb8a rgb(7,251,138)
```
#20fb96
```
#20fb96 rgb(32,251,150)
```
#39fba2
```
#39fba2 rgb(57,251,162)
```
#52fcae
```
#52fcae rgb(82,252,174)
```
#6bfcb9
```
#6bfcb9 rgb(107,252,185)
```

Monochromatic Color

Below, you can see some colors close to #20fb96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#20fb5f
```
#20fb5f rgb(32,251,95)
```
#20fb72
```
#20fb72 rgb(32,251,114)
```
#20fb84
```
#20fb84 rgb(32,251,132)
```
#20fb96
```
#20fb96 rgb(32,251,150)
```
#20fba8
```
#20fba8 rgb(32,251,168)
```
#20fbbb
```
#20fbbb rgb(32,251,187)
```
#20fbcd
```
#20fbcd rgb(32,251,205)
```

Similar Colors

Text with hexadecimal color #20fb96

This text has a font color of #20fb96.

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

#20fb96 background color

This paragraph has a background color of #20fb96.

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

#20fb96 border color

This element has a border color of #20fb96.

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

CSS codes

.text {color:#20fb96;}

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

.border {border:1px solid #20fb96;}

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, #000805 is the darkest color, while #f4fffa is the lightest one.

#000805
```
#000805 rgb(0,8,5)
```
#001c0f
```
#001c0f rgb(0,28,15)
```
#012f1a
```
#012f1a rgb(1,47,26)
```
#014224
```
#014224 rgb(1,66,36)
```
#02552f
```
#02552f rgb(2,85,47)
```
#026939
```
#026939 rgb(2,105,57)
```
#027c44
```
#027c44 rgb(2,124,68)
```
#038f4e
```
#038f4e rgb(3,143,78)
```
#03a259
```
#03a259 rgb(3,162,89)
```
#03b663
```
#03b663 rgb(3,182,99)
```
#04c96e
```
#04c96e rgb(4,201,110)
```
#04dc78
```
#04dc78 rgb(4,220,120)
```
#04ef83
```
#04ef83 rgb(4,239,131)
```

Shade Color Variation

#0dfb8d
```
#0dfb8d rgb(13,251,141)
```
#20fb96
```
#20fb96 rgb(32,251,150)
```
#33fb9f
```
#33fb9f rgb(51,251,159)
```
#47fca8
```
#47fca8 rgb(71,252,168)
```
#5afcb1
```
#5afcb1 rgb(90,252,177)
```
#6dfcba
```
#6dfcba rgb(109,252,186)
```
#80fdc3
```
#80fdc3 rgb(128,253,195)
```
#94fdcc
```
#94fdcc rgb(148,253,204)
```
#a7fdd6
```
#a7fdd6 rgb(167,253,214)
```
#bafedf
```
#bafedf rgb(186,254,223)
```
#cdfee8
```
#cdfee8 rgb(205,254,232)
```
#e1fef1
```
#e1fef1 rgb(225,254,241)
```
#f4fffa
```
#f4fffa rgb(244,255,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89928e is the less saturated color, while #20fb96 is the most saturated one.

#89928e
```
#89928e rgb(137,146,142)
```
#809b8f
```
#809b8f rgb(128,155,143)
```
#77a48f
```
#77a48f rgb(119,164,143)
```
#6fac90
```
#6fac90 rgb(111,172,144)
```
#66b591
```
#66b591 rgb(102,181,145)
```
#5dbe91
```
#5dbe91 rgb(93,190,145)
```
#54c792
```
#54c792 rgb(84,199,146)
```
#4ccf93
```
#4ccf93 rgb(76,207,147)
```
#43d893
```
#43d893 rgb(67,216,147)
```
#3ae194
```
#3ae194 rgb(58,225,148)
```
#31ea95
```
#31ea95 rgb(49,234,149)
```
#29f295
```
#29f295 rgb(41,242,149)
```
#20fb96
```
#20fb96 rgb(32,251,150)
```

Tone Color Variation

Below, you can see how #20fb96 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

#aeaeae Achromatopsia 0.005% of the population
#92bda9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0dd90 Protanopia 1% of men
#ffd6b1 Deuteranopia 1% of men
#78eeff Tritanopia 0.001% of the population

Trichromacy

#a4e892 Protanomaly 1% of men, 0.01% of women
#ade3a7 Deuteranomaly 6% of men, 0.4% of women
#58f2d8 Tritanomaly 0.01% of the population

#20fb96 hex color

#20fb96 Color Information

#20fb96 Color Conversion

Color Schemes with #20fb96

Alternatives to #20fb96

#20fb96 Preview

Shades and Tints of #20fb96

Tones of #20fb96

Color Blindness Simulator