#20bc96 hex color

In a RGB color space, hex #20bc96 is composed of 12.5% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 165.4 degrees, a saturation of 70.9% and a lightness of 43.1%. #20bc96 color hex could be obtained by blending #40ffff with #00792d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 74
- B 59
RGB color chart
- C 83
- M 0
- Y 20
- K 26
CMYK color chart

● #20bc96 color description : Strong cyan.

The hexadecimal color #20bc96 has RGB values of R:32, G:188, B:150 and CMYK values of C:0.83, M:0, Y:0.2, K:0.26. Its decimal value is 2145430.

Hex triplet	20bc96	`#20bc96`
RGB Decimal	32, 188, 150	`rgb(32,188,150)`
RGB Percent	12.5, 73.7, 58.8	`rgb(12.5%,73.7%,58.8%)`
CMYK	83, 0, 20, 26
HSL	165.4°, 70.9, 43.1	`hsl(165.4,70.9%,43.1%)`
HSV (or HSB)	165.4°, 83, 73.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.368, -47.266, 8.446
XYZ	24.082, 38.473, 35.009
xyY	0.247, 0.394, 38.473
CIE-LCH	68.368, 48.015, 169.869
CIE-LUV	68.368, -54.606, 19.527
Hunter-Lab	62.027, -39.244, 9.954
Binary	00100000, 10111100, 10010110

#20bc96
```
#20bc96 rgb(32,188,150)
```
#bc2046
```
#bc2046 rgb(188,32,70)
```

Complementary Color

#20bc48
```
#20bc48 rgb(32,188,72)
```
#20bc96
```
#20bc96 rgb(32,188,150)
```
#2094bc
```
#2094bc rgb(32,148,188)
```

Analogous Color

#bc4820
```
#bc4820 rgb(188,72,32)
```
#20bc96
```
#20bc96 rgb(32,188,150)
```
#bc2094
```
#bc2094 rgb(188,32,148)
```

Split Complementary Color

#bc9620
```
#bc9620 rgb(188,150,32)
```
#20bc96
```
#20bc96 rgb(32,188,150)
```
#9620bc
```
#9620bc rgb(150,32,188)
```

Triadic Color

#46bc20
```
#46bc20 rgb(70,188,32)
```
#20bc96
```
#20bc96 rgb(32,188,150)
```
#9620bc
```
#9620bc rgb(150,32,188)
```
#bc2046
```
#bc2046 rgb(188,32,70)
```

Tetradic Color

#157b62
```
#157b62 rgb(21,123,98)
```
#199073
```
#199073 rgb(25,144,115)
```
#1ca685
```
#1ca685 rgb(28,166,133)
```
#20bc96
```
#20bc96 rgb(32,188,150)
```
#24d2a7
```
#24d2a7 rgb(36,210,167)
```
#33dcb3
```
#33dcb3 rgb(51,220,179)
```
#49e0bb
```
#49e0bb rgb(73,224,187)
```

Monochromatic Color

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

#20bc6f
```
#20bc6f rgb(32,188,111)
```
#20bc7c
```
#20bc7c rgb(32,188,124)
```
#20bc89
```
#20bc89 rgb(32,188,137)
```
#20bc96
```
#20bc96 rgb(32,188,150)
```
#20bca3
```
#20bca3 rgb(32,188,163)
```
#20bcb0
```
#20bcb0 rgb(32,188,176)
```
#20bbbc
```
#20bbbc rgb(32,187,188)
```

Similar Colors

Text with hexadecimal color #20bc96

This text has a font color of #20bc96.

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

#20bc96 background color

This paragraph has a background color of #20bc96.

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

#20bc96 border color

This element has a border color of #20bc96.

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

CSS codes

.text {color:#20bc96;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#031410
```
#031410 rgb(3,20,16)
```
#06251e
```
#06251e rgb(6,37,30)
```
#09362b
```
#09362b rgb(9,54,43)
```
#0c4738
```
#0c4738 rgb(12,71,56)
```
#0f5746
```
#0f5746 rgb(15,87,70)
```
#126853
```
#126853 rgb(18,104,83)
```
#157961
```
#157961 rgb(21,121,97)
```
#178a6e
```
#178a6e rgb(23,138,110)
```
#1a9a7b
```
#1a9a7b rgb(26,154,123)
```
#1dab89
```
#1dab89 rgb(29,171,137)
```
#20bc96
```
#20bc96 rgb(32,188,150)
```
#23cda3
```
#23cda3 rgb(35,205,163)
```

Shade Color Variation

#29dbaf
```
#29dbaf rgb(41,219,175)
```
#39ddb5
```
#39ddb5 rgb(57,221,181)
```
#4ae0bc
```
#4ae0bc rgb(74,224,188)
```
#5be3c2
```
#5be3c2 rgb(91,227,194)
```
#6ce6c8
```
#6ce6c8 rgb(108,230,200)
```
#7de9ce
```
#7de9ce rgb(125,233,206)
```
#8decd5
```
#8decd5 rgb(141,236,213)
```
#9eeedb
```
#9eeedb rgb(158,238,219)
```
#aff1e1
```
#aff1e1 rgb(175,241,225)
```
#c0f4e7
```
#c0f4e7 rgb(192,244,231)
```
#d0f7ee
```
#d0f7ee rgb(208,247,238)
```
#e1faf4
```
#e1faf4 rgb(225,250,244)
```
#f2fdfa
```
#f2fdfa rgb(242,253,250)
```

Tint Color Variation

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

#6c706f
```
#6c706f rgb(108,112,111)
```
#647873
```
#647873 rgb(100,120,115)
```
#5b8178
```
#5b8178 rgb(91,129,120)
```
#53897c
```
#53897c rgb(83,137,124)
```
#4a9280
```
#4a9280 rgb(74,146,128)
```
#429a85
```
#429a85 rgb(66,154,133)
```
#39a389
```
#39a389 rgb(57,163,137)
```
#31ab8d
```
#31ab8d rgb(49,171,141)
```
#28b492
```
#28b492 rgb(40,180,146)
```
#20bc96
```
#20bc96 rgb(32,188,150)
```
#18c49a
```
#18c49a rgb(24,196,154)
```
#0fcd9f
```
#0fcd9f rgb(15,205,159)
```
#07d5a3
```
#07d5a3 rgb(7,213,163)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#74938c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4aa91 Protanopia 1% of men
#bda5a4 Deuteranopia 1% of men
#4db9c6 Tritanopia 0.001% of the population

Trichromacy

#7eb193 Protanomaly 1% of men, 0.01% of women
#84ad9f Deuteranomaly 6% of men, 0.4% of women
#3dbab5 Tritanomaly 0.01% of the population

#20bc96 hex color

#20bc96 Color Information

#20bc96 Color Conversion

Color Schemes with #20bc96

Alternatives to #20bc96

#20bc96 Preview

Shades and Tints of #20bc96

Tones of #20bc96

Color Blindness Simulator