#20b0bb hex color

In a RGB color space, hex #20b0bb is composed of 12.5% red, 69% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 5.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 184.3 degrees, a saturation of 70.8% and a lightness of 42.9%. #20b0bb color hex could be obtained by blending #40ffff with #006177. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 69
- B 73
RGB color chart
- C 83
- M 6
- Y 0
- K 27
CMYK color chart

● #20b0bb color description : Strong cyan.

The hexadecimal color #20b0bb has RGB values of R:32, G:176, B:187 and CMYK values of C:0.83, M:0.06, Y:0, K:0.27. Its decimal value is 2142395.

Hex triplet	20b0bb	`#20b0bb`
RGB Decimal	32, 176, 187	`rgb(32,176,187)`
RGB Percent	12.5, 69, 73.3	`rgb(12.5%,69%,73.3%)`
CMYK	83, 6, 0, 27
HSL	184.3°, 70.8, 42.9	`hsl(184.3,70.8%,42.9%)`
HSV (or HSB)	184.3°, 82.9, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.704, -31.439, -15.894
XYZ	25.088, 34.943, 52.433
xyY	0.223, 0.311, 34.943
CIE-LCH	65.704, 35.229, 206.819
CIE-LUV	65.704, -47.667, -19.836
Hunter-Lab	59.113, -27.69, -11.212
Binary	00100000, 10110000, 10111011

#20b0bb
```
#20b0bb rgb(32,176,187)
```
#bb2b20
```
#bb2b20 rgb(187,43,32)
```

Complementary Color

#20bb79
```
#20bb79 rgb(32,187,121)
```
#20b0bb
```
#20b0bb rgb(32,176,187)
```
#2063bb
```
#2063bb rgb(32,99,187)
```

Analogous Color

#bb7920
```
#bb7920 rgb(187,121,32)
```
#20b0bb
```
#20b0bb rgb(32,176,187)
```
#bb2063
```
#bb2063 rgb(187,32,99)
```

Split Complementary Color

#b0bb20
```
#b0bb20 rgb(176,187,32)
```
#20b0bb
```
#20b0bb rgb(32,176,187)
```
#bb20b0
```
#bb20b0 rgb(187,32,176)
```

Triadic Color

#20bb2b
```
#20bb2b rgb(32,187,43)
```
#20b0bb
```
#20b0bb rgb(32,176,187)
```
#bb20b0
```
#bb20b0 rgb(187,32,176)
```
#bb2b20
```
#bb2b20 rgb(187,43,32)
```

Tetradic Color

#15737a
```
#15737a rgb(21,115,122)
```
#19878f
```
#19878f rgb(25,135,143)
```
#1c9ca5
```
#1c9ca5 rgb(28,156,165)
```
#20b0bb
```
#20b0bb rgb(32,176,187)
```
#24c4d1
```
#24c4d1 rgb(36,196,209)
```
#32d0dc
```
#32d0dc rgb(50,208,220)
```
#48d5e0
```
#48d5e0 rgb(72,213,224)
```

Monochromatic Color

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

#20bb9f
```
#20bb9f rgb(32,187,159)
```
#20bbac
```
#20bbac rgb(32,187,172)
```
#20bbb9
```
#20bbb9 rgb(32,187,185)
```
#20b0bb
```
#20b0bb rgb(32,176,187)
```
#20a3bb
```
#20a3bb rgb(32,163,187)
```
#2096bb
```
#2096bb rgb(32,150,187)
```
#2089bb
```
#2089bb rgb(32,137,187)
```

Similar Colors

Text with hexadecimal color #20b0bb

This text has a font color of #20b0bb.

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

#20b0bb background color

This paragraph has a background color of #20b0bb.

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

#20b0bb border color

This element has a border color of #20b0bb.

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

CSS codes

.text {color:#20b0bb;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#031214
```
#031214 rgb(3,18,20)
```
#062224
```
#062224 rgb(6,34,36)
```
#093235
```
#093235 rgb(9,50,53)
```
#0c4246
```
#0c4246 rgb(12,66,70)
```
#0f5157
```
#0f5157 rgb(15,81,87)
```
#126167
```
#126167 rgb(18,97,103)
```
#157178
```
#157178 rgb(21,113,120)
```
#178189
```
#178189 rgb(23,129,137)
```
#1a909a
```
#1a909a rgb(26,144,154)
```
#1da0aa
```
#1da0aa rgb(29,160,170)
```
#20b0bb
```
#20b0bb rgb(32,176,187)
```
#23c0cc
```
#23c0cc rgb(35,192,204)
```

Shade Color Variation

#28ceda
```
#28ceda rgb(40,206,218)
```
#39d1dd
```
#39d1dd rgb(57,209,221)
```
#4ad5e0
```
#4ad5e0 rgb(74,213,224)
```
#5ad9e3
```
#5ad9e3 rgb(90,217,227)
```
#6bdde6
```
#6bdde6 rgb(107,221,230)
```
#7ce1e9
```
#7ce1e9 rgb(124,225,233)
```
#8de5eb
```
#8de5eb rgb(141,229,235)
```
#9de9ee
```
#9de9ee rgb(157,233,238)
```
#aeecf1
```
#aeecf1 rgb(174,236,241)
```
#bff0f4
```
#bff0f4 rgb(191,240,244)
```
#d0f4f7
```
#d0f4f7 rgb(208,244,247)
```
#e0f8fa
```
#e0f8fa rgb(224,248,250)
```
#f1fcfd
```
#f1fcfd rgb(241,252,253)
```

Tint Color Variation

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

#6c6f6f
```
#6c6f6f rgb(108,111,111)
```
#637678
```
#637678 rgb(99,118,120)
```
#5b7d80
```
#5b7d80 rgb(91,125,128)
```
#538588
```
#538588 rgb(83,133,136)
```
#4a8c91
```
#4a8c91 rgb(74,140,145)
```
#429399
```
#429399 rgb(66,147,153)
```
#399aa2
```
#399aa2 rgb(57,154,162)
```
#31a2aa
```
#31a2aa rgb(49,162,170)
```
#28a9b3
```
#28a9b3 rgb(40,169,179)
```
#20b0bb
```
#20b0bb rgb(32,176,187)
```
#18b7c3
```
#18b7c3 rgb(24,183,195)
```
#0fbecc
```
#0fbecc rgb(15,190,204)
```
#07c6d4
```
#07c6d4 rgb(7,198,212)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#728e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a3b4 Protanopia 1% of men
#a2a1c5 Deuteranopia 1% of men
#2eb3c0 Tritanopia 0.001% of the population

Trichromacy

#72a8b6 Protanomaly 1% of men, 0.01% of women
#72a6c1 Deuteranomaly 6% of men, 0.4% of women
#29b2be Tritanomaly 0.01% of the population

#20b0bb hex color

#20b0bb Color Information

#20b0bb Color Conversion

Color Schemes with #20b0bb

Alternatives to #20b0bb

#20b0bb Preview

Shades and Tints of #20b0bb

Tones of #20b0bb

Color Blindness Simulator