#20f996 hex color

In a RGB color space, hex #20f996 is composed of 12.5% red, 97.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 0% magenta, 39.8% yellow and 2.4% black. It has a hue angle of 152.6 degrees, a saturation of 94.8% and a lightness of 55.1%. #20f996 color hex could be obtained by blending #40ffff with #00f32d. 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

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

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

Hex triplet	20f996	`#20f996`
RGB Decimal	32, 249, 150	`rgb(32,249,150)`
RGB Percent	12.5, 97.6, 58.8	`rgb(12.5%,97.6%,58.8%)`
CMYK	87, 0, 40, 2
HSL	152.6°, 94.8, 55.1	`hsl(152.6,94.8%,55.1%)`
HSV (or HSB)	152.6°, 87.1, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.122, -69.882, 34.193
XYZ	39.973, 70.256, 40.306
xyY	0.266, 0.467, 70.256
CIE-LCH	87.122, 77.798, 153.928
CIE-LUV	87.122, -74.991, 59.113
Hunter-Lab	83.819, -61.556, 30.162
Binary	00100000, 11111001, 10010110

#20f996
```
#20f996 rgb(32,249,150)
```
#f92083
```
#f92083 rgb(249,32,131)
```

Complementary Color

#20f92a
```
#20f92a rgb(32,249,42)
```
#20f996
```
#20f996 rgb(32,249,150)
```
#20f0f9
```
#20f0f9 rgb(32,240,249)
```

Analogous Color

#f92a20
```
#f92a20 rgb(249,42,32)
```
#20f996
```
#20f996 rgb(32,249,150)
```
#f920f0
```
#f920f0 rgb(249,32,240)
```

Split Complementary Color

#f99620
```
#f99620 rgb(249,150,32)
```
#20f996
```
#20f996 rgb(32,249,150)
```
#9620f9
```
#9620f9 rgb(150,32,249)
```

Triadic Color

#83f920
```
#83f920 rgb(131,249,32)
```
#20f996
```
#20f996 rgb(32,249,150)
```
#9620f9
```
#9620f9 rgb(150,32,249)
```
#f92083
```
#f92083 rgb(249,32,131)
```

Tetradic Color

#05c76f
```
#05c76f rgb(5,199,111)
```
#06e07d
```
#06e07d rgb(6,224,125)
```
#07f88a
```
#07f88a rgb(7,248,138)
```
#20f996
```
#20f996 rgb(32,249,150)
```
#39faa2
```
#39faa2 rgb(57,250,162)
```
#52faad
```
#52faad rgb(82,250,173)
```
#6afbb9
```
#6afbb9 rgb(106,251,185)
```

Monochromatic Color

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

#20f960
```
#20f960 rgb(32,249,96)
```
#20f972
```
#20f972 rgb(32,249,114)
```
#20f984
```
#20f984 rgb(32,249,132)
```
#20f996
```
#20f996 rgb(32,249,150)
```
#20f9a8
```
#20f9a8 rgb(32,249,168)
```
#20f9ba
```
#20f9ba rgb(32,249,186)
```
#20f9cc
```
#20f9cc rgb(32,249,204)
```

Similar Colors

Text with hexadecimal color #20f996

This text has a font color of #20f996.

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

#20f996 background color

This paragraph has a background color of #20f996.

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

#20f996 border color

This element has a border color of #20f996.

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

CSS codes

.text {color:#20f996;}

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

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

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

#000603
```
#000603 rgb(0,6,3)
```
#01190e
```
#01190e rgb(1,25,14)
```
#012c19
```
#012c19 rgb(1,44,25)
```
#024023
```
#024023 rgb(2,64,35)
```
#02532e
```
#02532e rgb(2,83,46)
```
#036639
```
#036639 rgb(3,102,57)
```
#037943
```
#037943 rgb(3,121,67)
```
#048c4e
```
#048c4e rgb(4,140,78)
```
#049f58
```
#049f58 rgb(4,159,88)
```
#05b263
```
#05b263 rgb(5,178,99)
```
#05c56e
```
#05c56e rgb(5,197,110)
```
#06d878
```
#06d878 rgb(6,216,120)
```
#06eb83
```
#06eb83 rgb(6,235,131)
```

Shade Color Variation

#0df88d
```
#0df88d rgb(13,248,141)
```
#20f996
```
#20f996 rgb(32,249,150)
```
#33fa9f
```
#33fa9f rgb(51,250,159)
```
#46faa8
```
#46faa8 rgb(70,250,168)
```
#59fbb1
```
#59fbb1 rgb(89,251,177)
```
#6cfbba
```
#6cfbba rgb(108,251,186)
```
#80fcc3
```
#80fcc3 rgb(128,252,195)
```
#93fccc
```
#93fccc rgb(147,252,204)
```
#a6fdd5
```
#a6fdd5 rgb(166,253,213)
```
#b9fdde
```
#b9fdde rgb(185,253,222)
```
#ccfee7
```
#ccfee7 rgb(204,254,231)
```
#dffef0
```
#dffef0 rgb(223,254,240)
```
#f2fff9
```
#f2fff9 rgb(242,255,249)
```

Tint Color Variation

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

#8a8f8d
```
#8a8f8d rgb(138,143,141)
```
#81988e
```
#81988e rgb(129,152,142)
```
#78a18e
```
#78a18e rgb(120,161,142)
```
#6faa8f
```
#6faa8f rgb(111,170,143)
```
#66b390
```
#66b390 rgb(102,179,144)
```
#5ebb91
```
#5ebb91 rgb(94,187,145)
```
#55c491
```
#55c491 rgb(85,196,145)
```
#4ccd92
```
#4ccd92 rgb(76,205,146)
```
#43d693
```
#43d693 rgb(67,214,147)
```
#3adf94
```
#3adf94 rgb(58,223,148)
```
#32e794
```
#32e794 rgb(50,231,148)
```
#29f095
```
#29f095 rgb(41,240,149)
```
#20f996
```
#20f996 rgb(32,249,150)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#91bca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedc90 Protanopia 1% of men
#ffd4ad Deuteranopia 1% of men
#6fedfe Tritanopia 0.001% of the population

Trichromacy

#a3e692 Protanomaly 1% of men, 0.01% of women
#ade1a5 Deuteranomaly 6% of men, 0.4% of women
#52f1d8 Tritanomaly 0.01% of the population

#20f996 hex color

#20f996 Color Information

#20f996 Color Conversion

Color Schemes with #20f996

Alternatives to #20f996

#20f996 Preview

Shades and Tints of #20f996

Tones of #20f996

Color Blindness Simulator