colorhexa.com

#20bb86 hex color

In a RGB color space, hex #20bb86 is composed of 12.5% red, 73.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 28.3% yellow and 26.7% black. It has a hue angle of 159.5 degrees, a saturation of 70.8% and a lightness of 42.9%. #20bb86 color hex could be obtained by blending #40ffff with #00770d. Closest websafe color is: #33cc99.

- R 13
- G 73
- B 53
RGB color chart
- C 83
- M 0
- Y 28
- K 27
CMYK color chart

● #20bb86 color description : Strong cyan - lime green.

The hexadecimal color #20bb86 has RGB values of R:32, G:187, B:134 and CMYK values of C:0.83, M:0, Y:0.28, K:0.27. Its decimal value is 2145158.

Hex triplet	20bb86	`#20bb86`
RGB Decimal	32, 187, 134	`rgb(32,187,134)`
RGB Percent	12.5, 73.3, 52.5	`rgb(12.5%,73.3%,52.5%)`
CMYK	83, 0, 28, 27
HSL	159.5°, 70.8, 42.9	`hsl(159.5,70.8%,42.9%)`
HSV (or HSB)	159.5°, 82.9, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.7, -50.708, 16.211
XYZ	22.667, 37.567, 28.609
xyY	0.255, 0.423, 37.567
CIE-LCH	67.7, 53.236, 162.271
CIE-LUV	67.7, -55.371, 30.62
Hunter-Lab	61.292, -41.246, 15.229
Binary	00100000, 10111011, 10000110

#20bb86
```
#20bb86 rgb(32,187,134)
```
#bb2055
```
#bb2055 rgb(187,32,85)
```

Complementary Color

#20bb39
```
#20bb39 rgb(32,187,57)
```
#20bb86
```
#20bb86 rgb(32,187,134)
```
#20a3bb
```
#20a3bb rgb(32,163,187)
```

Analogous Color

#bb3920
```
#bb3920 rgb(187,57,32)
```
#20bb86
```
#20bb86 rgb(32,187,134)
```
#bb20a3
```
#bb20a3 rgb(187,32,163)
```

Split Complementary Color

#bb8620
```
#bb8620 rgb(187,134,32)
```
#20bb86
```
#20bb86 rgb(32,187,134)
```
#8620bb
```
#8620bb rgb(134,32,187)
```

Triadic Color

#55bb20
```
#55bb20 rgb(85,187,32)
```
#20bb86
```
#20bb86 rgb(32,187,134)
```
#8620bb
```
#8620bb rgb(134,32,187)
```
#bb2055
```
#bb2055 rgb(187,32,85)
```

Tetradic Color

#157a57
```
#157a57 rgb(21,122,87)
```
#198f67
```
#198f67 rgb(25,143,103)
```
#1ca576
```
#1ca576 rgb(28,165,118)
```
#20bb86
```
#20bb86 rgb(32,187,134)
```
#24d196
```
#24d196 rgb(36,209,150)
```
#32dca2
```
#32dca2 rgb(50,220,162)
```
#48e0ac
```
#48e0ac rgb(72,224,172)
```

Monochromatic Color

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

#20bb5f
```
#20bb5f rgb(32,187,95)
```
#20bb6c
```
#20bb6c rgb(32,187,108)
```
#20bb79
```
#20bb79 rgb(32,187,121)
```
#20bb86
```
#20bb86 rgb(32,187,134)
```
#20bb93
```
#20bb93 rgb(32,187,147)
```
#20bba0
```
#20bba0 rgb(32,187,160)
```
#20bbad
```
#20bbad rgb(32,187,173)
```

Similar Colors

Text with hexadecimal color #20bb86

This text has a font color of #20bb86.

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

#20bb86 background color

This paragraph has a background color of #20bb86.

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

#20bb86 border color

This element has a border color of #20bb86.

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

CSS codes

.text {color:#20bb86;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#03140e
```
#03140e rgb(3,20,14)
```
#06241a
```
#06241a rgb(6,36,26)
```
#093526
```
#093526 rgb(9,53,38)
```
#0c4632
```
#0c4632 rgb(12,70,50)
```
#0f573e
```
#0f573e rgb(15,87,62)
```
#12674a
```
#12674a rgb(18,103,74)
```
#157856
```
#157856 rgb(21,120,86)
```
#178962
```
#178962 rgb(23,137,98)
```
#1a9a6e
```
#1a9a6e rgb(26,154,110)
```
#1daa7a
```
#1daa7a rgb(29,170,122)
```
#20bb86
```
#20bb86 rgb(32,187,134)
```
#23cc92
```
#23cc92 rgb(35,204,146)
```

Shade Color Variation

#28da9d
```
#28da9d rgb(40,218,157)
```
#39dda5
```
#39dda5 rgb(57,221,165)
```
#4ae0ad
```
#4ae0ad rgb(74,224,173)
```
#5ae3b4
```
#5ae3b4 rgb(90,227,180)
```
#6be6bc
```
#6be6bc rgb(107,230,188)
```
#7ce9c3
```
#7ce9c3 rgb(124,233,195)
```
#8debcb
```
#8debcb rgb(141,235,203)
```
#9deed3
```
#9deed3 rgb(157,238,211)
```
#aef1da
```
#aef1da rgb(174,241,218)
```
#bff4e2
```
#bff4e2 rgb(191,244,226)
```
#d0f7e9
```
#d0f7e9 rgb(208,247,233)
```
#e0faf1
```
#e0faf1 rgb(224,250,241)
```
#f1fdf9
```
#f1fdf9 rgb(241,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6f6e is the less saturated color, while #07d48e is the most saturated one.

#6c6f6e
```
#6c6f6e rgb(108,111,110)
```
#637871
```
#637871 rgb(99,120,113)
```
#5b8073
```
#5b8073 rgb(91,128,115)
```
#538876
```
#538876 rgb(83,136,118)
```
#4a9179
```
#4a9179 rgb(74,145,121)
```
#42997b
```
#42997b rgb(66,153,123)
```
#39a27e
```
#39a27e rgb(57,162,126)
```
#31aa81
```
#31aa81 rgb(49,170,129)
```
#28b383
```
#28b383 rgb(40,179,131)
```
#20bb86
```
#20bb86 rgb(32,187,134)
```
#18c389
```
#18c389 rgb(24,195,137)
```
#0fcc8b
```
#0fcc8b rgb(15,204,139)
```
#07d48e
```
#07d48e rgb(7,212,142)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#729187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a983 Protanopia 1% of men
#c0a395 Deuteranopia 1% of men
#52b7c4 Tritanopia 0.001% of the population

Trichromacy

#7eaf84 Protanomaly 1% of men, 0.01% of women
#86ac8f Deuteranomaly 6% of men, 0.4% of women
#40b8ad Tritanomaly 0.01% of the population