#20b6bd hex color

In a RGB color space, hex #20b6bd is composed of 12.5% red, 71.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 3.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 182.7 degrees, a saturation of 71% and a lightness of 43.3%. #20b6bd color hex could be obtained by blending #40ffff with #006d7b. Closest websafe color is: #33cccc.

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

● #20b6bd color description : Strong cyan.

The hexadecimal color #20b6bd has RGB values of R:32, G:182, B:189 and CMYK values of C:0.83, M:0.04, Y:0, K:0.26. Its decimal value is 2143933.

Hex triplet	20b6bd	`#20b6bd`
RGB Decimal	32, 182, 189	`rgb(32,182,189)`
RGB Percent	12.5, 71.4, 74.1	`rgb(12.5%,71.4%,74.1%)`
CMYK	83, 4, 0, 26
HSL	182.7°, 71, 43.3	`hsl(182.7,71%,43.3%)`
HSV (or HSB)	182.7°, 83.1, 74.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.602, -33.685, -14.14
XYZ	26.506, 37.434, 53.97
xyY	0.225, 0.317, 37.434
CIE-LCH	67.602, 36.532, 202.771
CIE-LUV	67.602, -49.619, -16.77
Hunter-Lab	61.184, -29.741, -9.471
Binary	00100000, 10110110, 10111101

#20b6bd
```
#20b6bd rgb(32,182,189)
```
#bd2720
```
#bd2720 rgb(189,39,32)
```

Complementary Color

#20bd76
```
#20bd76 rgb(32,189,118)
```
#20b6bd
```
#20b6bd rgb(32,182,189)
```
#2068bd
```
#2068bd rgb(32,104,189)
```

Analogous Color

#bd7620
```
#bd7620 rgb(189,118,32)
```
#20b6bd
```
#20b6bd rgb(32,182,189)
```
#bd2068
```
#bd2068 rgb(189,32,104)
```

Split Complementary Color

#b6bd20
```
#b6bd20 rgb(182,189,32)
```
#20b6bd
```
#20b6bd rgb(32,182,189)
```
#bd20b6
```
#bd20b6 rgb(189,32,182)
```

Triadic Color

#20bd27
```
#20bd27 rgb(32,189,39)
```
#20b6bd
```
#20b6bd rgb(32,182,189)
```
#bd20b6
```
#bd20b6 rgb(189,32,182)
```
#bd2720
```
#bd2720 rgb(189,39,32)
```

Tetradic Color

#15777c
```
#15777c rgb(21,119,124)
```
#198c91
```
#198c91 rgb(25,140,145)
```
#1ca1a7
```
#1ca1a7 rgb(28,161,167)
```
#20b6bd
```
#20b6bd rgb(32,182,189)
```
#24cbd3
```
#24cbd3 rgb(36,203,211)
```
#33d5dd
```
#33d5dd rgb(51,213,221)
```
#49dae0
```
#49dae0 rgb(73,218,224)
```

Monochromatic Color

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

#20bd9d
```
#20bd9d rgb(32,189,157)
```
#20bdaa
```
#20bdaa rgb(32,189,170)
```
#20bdb7
```
#20bdb7 rgb(32,189,183)
```
#20b6bd
```
#20b6bd rgb(32,182,189)
```
#20a9bd
```
#20a9bd rgb(32,169,189)
```
#209cbd
```
#209cbd rgb(32,156,189)
```
#208fbd
```
#208fbd rgb(32,143,189)
```

Similar Colors

Text with hexadecimal color #20b6bd

This text has a font color of #20b6bd.

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

#20b6bd background color

This paragraph has a background color of #20b6bd.

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

#20b6bd border color

This element has a border color of #20b6bd.

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

CSS codes

.text {color:#20b6bd;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041415
```
#041415 rgb(4,20,21)
```
#062526
```
#062526 rgb(6,37,38)
```
#093537
```
#093537 rgb(9,53,55)
```
#0c4548
```
#0c4548 rgb(12,69,72)
```
#0f5558
```
#0f5558 rgb(15,85,88)
```
#126569
```
#126569 rgb(18,101,105)
```
#15757a
```
#15757a rgb(21,117,122)
```
#17868b
```
#17868b rgb(23,134,139)
```
#1a969b
```
#1a969b rgb(26,150,155)
```
#1da6ac
```
#1da6ac rgb(29,166,172)
```
#20b6bd
```
#20b6bd rgb(32,182,189)
```
#23c6ce
```
#23c6ce rgb(35,198,206)
```

Shade Color Variation

#29d3db
```
#29d3db rgb(41,211,219)
```
#3ad6de
```
#3ad6de rgb(58,214,222)
```
#4bdae1
```
#4bdae1 rgb(75,218,225)
```
#5cdde3
```
#5cdde3 rgb(92,221,227)
```
#6ce1e6
```
#6ce1e6 rgb(108,225,230)
```
#7de4e9
```
#7de4e9 rgb(125,228,233)
```
#8ee8ec
```
#8ee8ec rgb(142,232,236)
```
#9febef
```
#9febef rgb(159,235,239)
```
#b0eff2
```
#b0eff2 rgb(176,239,242)
```
#c0f2f4
```
#c0f2f4 rgb(192,242,244)
```
#d1f6f7
```
#d1f6f7 rgb(209,246,247)
```
#e2f9fa
```
#e2f9fa rgb(226,249,250)
```
#f3fcfd
```
#f3fcfd rgb(243,252,253)
```

Tint Color Variation

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

#6d7071
```
#6d7071 rgb(109,112,113)
```
#647879
```
#647879 rgb(100,120,121)
```
#5c8082
```
#5c8082 rgb(92,128,130)
```
#53888a
```
#53888a rgb(83,136,138)
```
#4b8f93
```
#4b8f93 rgb(75,143,147)
```
#42979b
```
#42979b rgb(66,151,155)
```
#3a9fa4
```
#3a9fa4 rgb(58,159,164)
```
#31a7ac
```
#31a7ac rgb(49,167,172)
```
#29aeb5
```
#29aeb5 rgb(41,174,181)
```
#20b6bd
```
#20b6bd rgb(32,182,189)
```
#18bec6
```
#18bec6 rgb(24,190,198)
```
#0fc5ce
```
#0fc5ce rgb(15,197,206)
```
#06cdd7
```
#06cdd7 rgb(6,205,215)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#759394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a8b6 Protanopia 1% of men
#a9a5c7 Deuteranopia 1% of men
#33b8c6 Tritanopia 0.001% of the population

Trichromacy

#76adb8 Protanomaly 1% of men, 0.01% of women
#77abc3 Deuteranomaly 6% of men, 0.4% of women
#2cb7c2 Tritanomaly 0.01% of the population

#20b6bd hex color

#20b6bd Color Information

#20b6bd Color Conversion

Color Schemes with #20b6bd

Alternatives to #20b6bd

#20b6bd Preview

Shades and Tints of #20b6bd

Tones of #20b6bd

Color Blindness Simulator