#20bcb9 hex color

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

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

● #20bcb9 color description : Strong cyan.

The hexadecimal color #20bcb9 has RGB values of R:32, G:188, B:185 and CMYK values of C:0.83, M:0, Y:0.02, K:0.26. Its decimal value is 2145465.

Hex triplet	20bcb9	`#20bcb9`
RGB Decimal	32, 188, 185	`rgb(32,188,185)`
RGB Percent	12.5, 73.7, 72.5	`rgb(12.5%,73.7%,72.5%)`
CMYK	83, 0, 2, 26
HSL	178.8°, 70.9, 43.1	`hsl(178.8,70.9%,43.1%)`
HSV (or HSB)	178.8°, 83, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.308, -37.677, -9.381
XYZ	27.333, 39.774, 52.133
xyY	0.229, 0.334, 39.774
CIE-LCH	69.308, 38.827, 193.982
CIE-LUV	69.308, -52.015, -8.656
Hunter-Lab	63.066, -33.004, -4.865
Binary	00100000, 10111100, 10111001

#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#bc2023
```
#bc2023 rgb(188,32,35)
```

Complementary Color

#20bc6b
```
#20bc6b rgb(32,188,107)
```
#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#2071bc
```
#2071bc rgb(32,113,188)
```

Analogous Color

#bc6b20
```
#bc6b20 rgb(188,107,32)
```
#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#bc2071
```
#bc2071 rgb(188,32,113)
```

Split Complementary Color

#bcb920
```
#bcb920 rgb(188,185,32)
```
#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#b920bc
```
#b920bc rgb(185,32,188)
```

Triadic Color

#23bc20
```
#23bc20 rgb(35,188,32)
```
#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#b920bc
```
#b920bc rgb(185,32,188)
```
#bc2023
```
#bc2023 rgb(188,32,35)
```

Tetradic Color

#157b79
```
#157b79 rgb(21,123,121)
```
#19908e
```
#19908e rgb(25,144,142)
```
#1ca6a4
```
#1ca6a4 rgb(28,166,164)
```
#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#24d2ce
```
#24d2ce rgb(36,210,206)
```
#33dcd9
```
#33dcd9 rgb(51,220,217)
```
#49e0dd
```
#49e0dd rgb(73,224,221)
```

Monochromatic Color

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

#20bc92
```
#20bc92 rgb(32,188,146)
```
#20bc9f
```
#20bc9f rgb(32,188,159)
```
#20bcac
```
#20bcac rgb(32,188,172)
```
#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#20b2bc
```
#20b2bc rgb(32,178,188)
```
#20a5bc
```
#20a5bc rgb(32,165,188)
```
#2098bc
```
#2098bc rgb(32,152,188)
```

Similar Colors

Text with hexadecimal color #20bcb9

This text has a font color of #20bcb9.

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

#20bcb9 background color

This paragraph has a background color of #20bcb9.

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

#20bcb9 border color

This element has a border color of #20bcb9.

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

CSS codes

.text {color:#20bcb9;}

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

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

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)
```
#093635
```
#093635 rgb(9,54,53)
```
#0c4746
```
#0c4746 rgb(12,71,70)
```
#0f5756
```
#0f5756 rgb(15,87,86)
```
#126867
```
#126867 rgb(18,104,103)
```
#157977
```
#157977 rgb(21,121,119)
```
#178a88
```
#178a88 rgb(23,138,136)
```
#1a9a98
```
#1a9a98 rgb(26,154,152)
```
#1daba9
```
#1daba9 rgb(29,171,169)
```
#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#23cdc9
```
#23cdc9 rgb(35,205,201)
```

Shade Color Variation

#29dbd7
```
#29dbd7 rgb(41,219,215)
```
#39ddda
```
#39ddda rgb(57,221,218)
```
#4ae0dd
```
#4ae0dd rgb(74,224,221)
```
#5be3e0
```
#5be3e0 rgb(91,227,224)
```
#6ce6e4
```
#6ce6e4 rgb(108,230,228)
```
#7de9e7
```
#7de9e7 rgb(125,233,231)
```
#8decea
```
#8decea rgb(141,236,234)
```
#9eeeed
```
#9eeeed rgb(158,238,237)
```
#aff1f0
```
#aff1f0 rgb(175,241,240)
```
#c0f4f3
```
#c0f4f3 rgb(192,244,243)
```
#d0f7f6
```
#d0f7f6 rgb(208,247,246)
```
#e1faf9
```
#e1faf9 rgb(225,250,249)
```
#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 #07d5d1 is the most saturated one.

#6c7070
```
#6c7070 rgb(108,112,112)
```
#647878
```
#647878 rgb(100,120,120)
```
#5b8180
```
#5b8180 rgb(91,129,128)
```
#538988
```
#538988 rgb(83,137,136)
```
#4a9290
```
#4a9290 rgb(74,146,144)
```
#429a98
```
#429a98 rgb(66,154,152)
```
#39a3a1
```
#39a3a1 rgb(57,163,161)
```
#31aba9
```
#31aba9 rgb(49,171,169)
```
#28b4b1
```
#28b4b1 rgb(40,180,177)
```
#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#18c4c1
```
#18c4c1 rgb(24,196,193)
```
#0fcdc9
```
#0fcdc9 rgb(15,205,201)
```
#07d5d1
```
#07d5d1 rgb(7,213,209)
```

Tone Color Variation

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

#afacb2 Protanopia 1% of men
#b2a9c4 Deuteranopia 1% of men
#3bbdcb Tritanopia 0.001% of the population

Trichromacy

#7bb2b4 Protanomaly 1% of men, 0.01% of women
#7db0c0 Deuteranomaly 6% of men, 0.4% of women
#31bcc4 Tritanomaly 0.01% of the population

#20bcb9 hex color

#20bcb9 Color Information

#20bcb9 Color Conversion

Color Schemes with #20bcb9

Alternatives to #20bcb9

#20bcb9 Preview

Shades and Tints of #20bcb9

Tones of #20bcb9

Color Blindness Simulator