#20bcbb hex color

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

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

● #20bcbb color description : Strong cyan.

The hexadecimal color #20bcbb has RGB values of R:32, G:188, B:187 and CMYK values of C:0.83, M:0, Y:0.01, K:0.26. Its decimal value is 2145467.

Hex triplet	20bcbb	`#20bcbb`
RGB Decimal	32, 188, 187	`rgb(32,188,187)`
RGB Percent	12.5, 73.7, 73.3	`rgb(12.5%,73.7%,73.3%)`
CMYK	83, 0, 1, 26
HSL	179.6°, 70.9, 43.1	`hsl(179.6,70.9%,43.1%)`
HSV (or HSB)	179.6°, 83, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.369, -37.085, -10.389
XYZ	27.546, 39.859, 53.253
xyY	0.228, 0.33, 39.859
CIE-LCH	69.369, 38.513, 195.649
CIE-LUV	69.369, -51.864, -10.339
Hunter-Lab	63.134, -32.603, -5.817
Binary	00100000, 10111100, 10111011

#20bcbb
```
#20bcbb rgb(32,188,187)
```
#bc2021
```
#bc2021 rgb(188,32,33)
```

Complementary Color

#20bc6d
```
#20bc6d rgb(32,188,109)
```
#20bcbb
```
#20bcbb rgb(32,188,187)
```
#206fbc
```
#206fbc rgb(32,111,188)
```

Analogous Color

#bc6d20
```
#bc6d20 rgb(188,109,32)
```
#20bcbb
```
#20bcbb rgb(32,188,187)
```
#bc206f
```
#bc206f rgb(188,32,111)
```

Split Complementary Color

#bcbb20
```
#bcbb20 rgb(188,187,32)
```
#20bcbb
```
#20bcbb rgb(32,188,187)
```
#bb20bc
```
#bb20bc rgb(187,32,188)
```

Triadic Color

#21bc20
```
#21bc20 rgb(33,188,32)
```
#20bcbb
```
#20bcbb rgb(32,188,187)
```
#bb20bc
```
#bb20bc rgb(187,32,188)
```
#bc2021
```
#bc2021 rgb(188,32,33)
```

Tetradic Color

#157b7a
```
#157b7a rgb(21,123,122)
```
#199090
```
#199090 rgb(25,144,144)
```
#1ca6a5
```
#1ca6a5 rgb(28,166,165)
```
#20bcbb
```
#20bcbb rgb(32,188,187)
```
#24d2d1
```
#24d2d1 rgb(36,210,209)
```
#33dcdb
```
#33dcdb rgb(51,220,219)
```
#49e0df
```
#49e0df rgb(73,224,223)
```

Monochromatic Color

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

#20bc94
```
#20bc94 rgb(32,188,148)
```
#20bca1
```
#20bca1 rgb(32,188,161)
```
#20bcae
```
#20bcae rgb(32,188,174)
```
#20bcbb
```
#20bcbb rgb(32,188,187)
```
#20b0bc
```
#20b0bc rgb(32,176,188)
```
#20a3bc
```
#20a3bc rgb(32,163,188)
```
#2096bc
```
#2096bc rgb(32,150,188)
```

Similar Colors

Text with hexadecimal color #20bcbb

This text has a font color of #20bcbb.

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

#20bcbb background color

This paragraph has a background color of #20bcbb.

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

#20bcbb border color

This element has a border color of #20bcbb.

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

CSS codes

.text {color:#20bcbb;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031414
```
#031414 rgb(3,20,20)
```
#062525
```
#062525 rgb(6,37,37)
```
#093636
```
#093636 rgb(9,54,54)
```
#0c4746
```
#0c4746 rgb(12,71,70)
```
#0f5757
```
#0f5757 rgb(15,87,87)
```
#126868
```
#126868 rgb(18,104,104)
```
#157978
```
#157978 rgb(21,121,120)
```
#178a89
```
#178a89 rgb(23,138,137)
```
#1a9a9a
```
#1a9a9a rgb(26,154,154)
```
#1dabaa
```
#1dabaa rgb(29,171,170)
```
#20bcbb
```
#20bcbb rgb(32,188,187)
```
#23cdcc
```
#23cdcc rgb(35,205,204)
```

Shade Color Variation

#29dbd9
```
#29dbd9 rgb(41,219,217)
```
#39dddc
```
#39dddc rgb(57,221,220)
```
#4ae0df
```
#4ae0df rgb(74,224,223)
```
#5be3e2
```
#5be3e2 rgb(91,227,226)
```
#6ce6e5
```
#6ce6e5 rgb(108,230,229)
```
#7de9e8
```
#7de9e8 rgb(125,233,232)
```
#8deceb
```
#8deceb rgb(141,236,235)
```
#9eeeee
```
#9eeeee rgb(158,238,238)
```
#aff1f1
```
#aff1f1 rgb(175,241,241)
```
#c0f4f4
```
#c0f4f4 rgb(192,244,244)
```
#d0f7f7
```
#d0f7f7 rgb(208,247,247)
```
#e1fafa
```
#e1fafa rgb(225,250,250)
```
#f2fdfd
```
#f2fdfd rgb(242,253,253)
```

Tint Color Variation

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

#6c7070
```
#6c7070 rgb(108,112,112)
```
#647878
```
#647878 rgb(100,120,120)
```
#5b8181
```
#5b8181 rgb(91,129,129)
```
#538989
```
#538989 rgb(83,137,137)
```
#4a9291
```
#4a9291 rgb(74,146,145)
```
#429a9a
```
#429a9a rgb(66,154,154)
```
#39a3a2
```
#39a3a2 rgb(57,163,162)
```
#31abaa
```
#31abaa rgb(49,171,170)
```
#28b4b3
```
#28b4b3 rgb(40,180,179)
```
#20bcbb
```
#20bcbb rgb(32,188,187)
```
#18c4c3
```
#18c4c3 rgb(24,196,195)
```
#0fcdcc
```
#0fcdcc rgb(15,205,204)
```
#07d5d4
```
#07d5d4 rgb(7,213,212)
```

Tone Color Variation

Below, you can see how #20bcbb 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
#779696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeacb4 Protanopia 1% of men
#b1a9c6 Deuteranopia 1% of men
#3abdcb Tritanopia 0.001% of the population

Trichromacy

#7ab2b6 Protanomaly 1% of men, 0.01% of women
#7cb0c2 Deuteranomaly 6% of men, 0.4% of women
#30bcc5 Tritanomaly 0.01% of the population

#20bcbb hex color

#20bcbb Color Information

#20bcbb Color Conversion

Color Schemes with #20bcbb

Alternatives to #20bcbb

#20bcbb Preview

Shades and Tints of #20bcbb

Tones of #20bcbb

Color Blindness Simulator