#20bcb6 hex color

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

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

● #20bcb6 color description : Strong cyan.

The hexadecimal color #20bcb6 has RGB values of R:32, G:188, B:182 and CMYK values of C:0.83, M:0, Y:0.03, K:0.26. Its decimal value is 2145462.

Hex triplet	20bcb6	`#20bcb6`
RGB Decimal	32, 188, 182	`rgb(32,188,182)`
RGB Percent	12.5, 73.7, 71.4	`rgb(12.5%,73.7%,71.4%)`
CMYK	83, 0, 3, 26
HSL	177.7°, 70.9, 43.1	`hsl(177.7,70.9%,43.1%)`
HSV (or HSB)	177.7°, 83, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.218, -38.556, -7.867
XYZ	27.02, 39.648, 50.482
xyY	0.231, 0.338, 39.648
CIE-LCH	69.218, 39.351, 191.532
CIE-LUV	69.218, -52.242, -6.143
Hunter-Lab	62.967, -33.596, -3.458
Binary	00100000, 10111100, 10110110

#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#bc2026
```
#bc2026 rgb(188,32,38)
```

Complementary Color

#20bc68
```
#20bc68 rgb(32,188,104)
```
#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#2074bc
```
#2074bc rgb(32,116,188)
```

Analogous Color

#bc6820
```
#bc6820 rgb(188,104,32)
```
#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#bc2074
```
#bc2074 rgb(188,32,116)
```

Split Complementary Color

#bcb620
```
#bcb620 rgb(188,182,32)
```
#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#b620bc
```
#b620bc rgb(182,32,188)
```

Triadic Color

#26bc20
```
#26bc20 rgb(38,188,32)
```
#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#b620bc
```
#b620bc rgb(182,32,188)
```
#bc2026
```
#bc2026 rgb(188,32,38)
```

Tetradic Color

#157b77
```
#157b77 rgb(21,123,119)
```
#19908c
```
#19908c rgb(25,144,140)
```
#1ca6a1
```
#1ca6a1 rgb(28,166,161)
```
#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#24d2cb
```
#24d2cb rgb(36,210,203)
```
#33dcd6
```
#33dcd6 rgb(51,220,214)
```
#49e0da
```
#49e0da rgb(73,224,218)
```

Monochromatic Color

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

#20bc8f
```
#20bc8f rgb(32,188,143)
```
#20bc9c
```
#20bc9c rgb(32,188,156)
```
#20bca9
```
#20bca9 rgb(32,188,169)
```
#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#20b5bc
```
#20b5bc rgb(32,181,188)
```
#20a8bc
```
#20a8bc rgb(32,168,188)
```
#209bbc
```
#209bbc rgb(32,155,188)
```

Similar Colors

Text with hexadecimal color #20bcb6

This text has a font color of #20bcb6.

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

#20bcb6 background color

This paragraph has a background color of #20bcb6.

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

#20bcb6 border color

This element has a border color of #20bcb6.

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

CSS codes

.text {color:#20bcb6;}

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

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

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 #f2fdfc is the lightest one.

#010403
```
#010403 rgb(1,4,3)
```
#031414
```
#031414 rgb(3,20,20)
```
#062524
```
#062524 rgb(6,37,36)
```
#093634
```
#093634 rgb(9,54,52)
```
#0c4744
```
#0c4744 rgb(12,71,68)
```
#0f5755
```
#0f5755 rgb(15,87,85)
```
#126865
```
#126865 rgb(18,104,101)
```
#157975
```
#157975 rgb(21,121,117)
```
#178a85
```
#178a85 rgb(23,138,133)
```
#1a9a96
```
#1a9a96 rgb(26,154,150)
```
#1daba6
```
#1daba6 rgb(29,171,166)
```
#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#23cdc6
```
#23cdc6 rgb(35,205,198)
```

Shade Color Variation

#29dbd4
```
#29dbd4 rgb(41,219,212)
```
#39ddd7
```
#39ddd7 rgb(57,221,215)
```
#4ae0da
```
#4ae0da rgb(74,224,218)
```
#5be3de
```
#5be3de rgb(91,227,222)
```
#6ce6e1
```
#6ce6e1 rgb(108,230,225)
```
#7de9e5
```
#7de9e5 rgb(125,233,229)
```
#8dece8
```
#8dece8 rgb(141,236,232)
```
#9eeeeb
```
#9eeeeb rgb(158,238,235)
```
#aff1ef
```
#aff1ef rgb(175,241,239)
```
#c0f4f2
```
#c0f4f2 rgb(192,244,242)
```
#d0f7f6
```
#d0f7f6 rgb(208,247,246)
```
#e1faf9
```
#e1faf9 rgb(225,250,249)
```
#f2fdfc
```
#f2fdfc rgb(242,253,252)
```

Tint Color Variation

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

#6c7070
```
#6c7070 rgb(108,112,112)
```
#647878
```
#647878 rgb(100,120,120)
```
#5b817f
```
#5b817f rgb(91,129,127)
```
#538987
```
#538987 rgb(83,137,135)
```
#4a928f
```
#4a928f rgb(74,146,143)
```
#429a97
```
#429a97 rgb(66,154,151)
```
#39a39f
```
#39a39f rgb(57,163,159)
```
#31aba6
```
#31aba6 rgb(49,171,166)
```
#28b4ae
```
#28b4ae rgb(40,180,174)
```
#20bcb6
```
#20bcb6 rgb(32,188,182)
```
#18c4be
```
#18c4be rgb(24,196,190)
```
#0fcdc6
```
#0fcdc6 rgb(15,205,198)
```
#07d5cd
```
#07d5cd rgb(7,213,205)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#779695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afacaf Protanopia 1% of men
#b3a9c1 Deuteranopia 1% of men
#3dbcca Tritanopia 0.001% of the population

Trichromacy

#7bb2b1 Protanomaly 1% of men, 0.01% of women
#7db0bd Deuteranomaly 6% of men, 0.4% of women
#33bcc3 Tritanomaly 0.01% of the population

#20bcb6 hex color

#20bcb6 Color Information

#20bcb6 Color Conversion

Color Schemes with #20bcb6

Alternatives to #20bcb6

#20bcb6 Preview

Shades and Tints of #20bcb6

Tones of #20bcb6

Color Blindness Simulator