#20fd96 hex color

In a RGB color space, hex #20fd96 is composed of 12.5% red, 99.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 0% magenta, 40.7% yellow and 0.8% black. It has a hue angle of 152 degrees, a saturation of 98.2% and a lightness of 55.9%. #20fd96 color hex could be obtained by blending #40ffff with #00fb2d. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #20fd96 has RGB values of R:32, G:253, B:150 and CMYK values of C:0.87, M:0, Y:0.41, K:0.01. Its decimal value is 2162070.

Hex triplet	20fd96	`#20fd96`
RGB Decimal	32, 253, 150	`rgb(32,253,150)`
RGB Percent	12.5, 99.2, 58.8	`rgb(12.5%,99.2%,58.8%)`
CMYK	87, 0, 41, 1
HSL	152°, 98.2, 55.9	`hsl(152,98.2%,55.9%)`
HSV (or HSB)	152°, 87.4, 99.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.331, -71.227, 35.783
XYZ	41.223, 72.755, 40.723
xyY	0.266, 0.47, 72.755
CIE-LCH	88.331, 79.711, 153.326
CIE-LUV	88.331, -76.273, 61.469
Hunter-Lab	85.297, -63.002, 31.401
Binary	00100000, 11111101, 10010110

#20fd96
```
#20fd96 rgb(32,253,150)
```
#fd2087
```
#fd2087 rgb(253,32,135)
```

Complementary Color

#20fd28
```
#20fd28 rgb(32,253,40)
```
#20fd96
```
#20fd96 rgb(32,253,150)
```
#20f6fd
```
#20f6fd rgb(32,246,253)
```

Analogous Color

#fd2820
```
#fd2820 rgb(253,40,32)
```
#20fd96
```
#20fd96 rgb(32,253,150)
```
#fd20f6
```
#fd20f6 rgb(253,32,246)
```

Split Complementary Color

#fd9620
```
#fd9620 rgb(253,150,32)
```
#20fd96
```
#20fd96 rgb(32,253,150)
```
#9620fd
```
#9620fd rgb(150,32,253)
```

Triadic Color

#87fd20
```
#87fd20 rgb(135,253,32)
```
#20fd96
```
#20fd96 rgb(32,253,150)
```
#9620fd
```
#9620fd rgb(150,32,253)
```
#fd2087
```
#fd2087 rgb(253,32,135)
```

Tetradic Color

#02cf6f
```
#02cf6f rgb(2,207,111)
```
#02e87d
```
#02e87d rgb(2,232,125)
```
#07fd8a
```
#07fd8a rgb(7,253,138)
```
#20fd96
```
#20fd96 rgb(32,253,150)
```
#39fda2
```
#39fda2 rgb(57,253,162)
```
#53fdae
```
#53fdae rgb(83,253,174)
```
#6cfeba
```
#6cfeba rgb(108,254,186)
```

Monochromatic Color

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

#20fd5f
```
#20fd5f rgb(32,253,95)
```
#20fd71
```
#20fd71 rgb(32,253,113)
```
#20fd84
```
#20fd84 rgb(32,253,132)
```
#20fd96
```
#20fd96 rgb(32,253,150)
```
#20fda8
```
#20fda8 rgb(32,253,168)
```
#20fdbb
```
#20fdbb rgb(32,253,187)
```
#20fdcd
```
#20fdcd rgb(32,253,205)
```

Similar Colors

Text with hexadecimal color #20fd96

This text has a font color of #20fd96.

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

#20fd96 background color

This paragraph has a background color of #20fd96.

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

#20fd96 border color

This element has a border color of #20fd96.

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

CSS codes

.text {color:#20fd96;}

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

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

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, #000a06 is the darkest color, while #f6fffb is the lightest one.

#000a06
```
#000a06 rgb(0,10,6)
```
#001e10
```
#001e10 rgb(0,30,16)
```
#00311a
```
#00311a rgb(0,49,26)
```
#014525
```
#014525 rgb(1,69,37)
```
#01582f
```
#01582f rgb(1,88,47)
```
#016b3a
```
#016b3a rgb(1,107,58)
```
#017f44
```
#017f44 rgb(1,127,68)
```
#01924f
```
#01924f rgb(1,146,79)
```
#01a659
```
#01a659 rgb(1,166,89)
```
#02b964
```
#02b964 rgb(2,185,100)
```
#02cd6e
```
#02cd6e rgb(2,205,110)
```
#02e079
```
#02e079 rgb(2,224,121)
```
#02f483
```
#02f483 rgb(2,244,131)
```

Shade Color Variation

#0dfd8d
```
#0dfd8d rgb(13,253,141)
```
#20fd96
```
#20fd96 rgb(32,253,150)
```
#33fd9f
```
#33fd9f rgb(51,253,159)
```
#47fda8
```
#47fda8 rgb(71,253,168)
```
#5afeb1
```
#5afeb1 rgb(90,254,177)
```
#6efebb
```
#6efebb rgb(110,254,187)
```
#81fec4
```
#81fec4 rgb(129,254,196)
```
#95fecd
```
#95fecd rgb(149,254,205)
```
#a8fed6
```
#a8fed6 rgb(168,254,214)
```
#bcfedf
```
#bcfedf rgb(188,254,223)
```
#cfffe8
```
#cfffe8 rgb(207,255,232)
```
#e2fff2
```
#e2fff2 rgb(226,255,242)
```
#f6fffb
```
#f6fffb rgb(246,255,251)
```

Tint Color Variation

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

#88958f
```
#88958f rgb(136,149,143)
```
#7f9e90
```
#7f9e90 rgb(127,158,144)
```
#77a690
```
#77a690 rgb(119,166,144)
```
#6eaf91
```
#6eaf91 rgb(110,175,145)
```
#65b891
```
#65b891 rgb(101,184,145)
```
#5dc092
```
#5dc092 rgb(93,192,146)
```
#54c992
```
#54c992 rgb(84,201,146)
```
#4bd293
```
#4bd293 rgb(75,210,147)
```
#43da94
```
#43da94 rgb(67,218,148)
```
#3ae394
```
#3ae394 rgb(58,227,148)
```
#31ec95
```
#31ec95 rgb(49,236,149)
```
#29f495
```
#29f495 rgb(41,244,149)
```
#20fd96
```
#20fd96 rgb(32,253,150)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#92bfaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2df90 Protanopia 1% of men
#ffd8b5 Deuteranopia 1% of men
#83efff Tritanopia 0.001% of the population

Trichromacy

#a6ea92 Protanomaly 1% of men, 0.01% of women
#ade5aa Deuteranomaly 6% of men, 0.4% of women
#5ff4d8 Tritanomaly 0.01% of the population

#20fd96 hex color

#20fd96 Color Information

#20fd96 Color Conversion

Color Schemes with #20fd96

Alternatives to #20fd96

#20fd96 Preview

Shades and Tints of #20fd96

Tones of #20fd96

Color Blindness Simulator