#20bdb2 hex color

In a RGB color space, hex #20bdb2 is composed of 12.5% red, 74.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 0% magenta, 5.8% yellow and 25.9% black. It has a hue angle of 175.8 degrees, a saturation of 71% and a lightness of 43.3%. #20bdb2 color hex could be obtained by blending #40ffff with #007b65. Closest websafe color is: #33cc99.

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

● #20bdb2 color description : Strong cyan.

The hexadecimal color #20bdb2 has RGB values of R:32, G:189, B:178 and CMYK values of C:0.83, M:0, Y:0.06, K:0.26. Its decimal value is 2145714.

Hex triplet	20bdb2	`#20bdb2`
RGB Decimal	32, 189, 178	`rgb(32,189,178)`
RGB Percent	12.5, 74.1, 69.8	`rgb(12.5%,74.1%,69.8%)`
CMYK	83, 0, 6, 26
HSL	175.8°, 71, 43.3	`hsl(175.8,71%,43.3%)`
HSV (or HSB)	175.8°, 83.1, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.408, -40.16, -5.389
XYZ	26.827, 39.914, 48.407
xyY	0.233, 0.347, 39.914
CIE-LCH	69.408, 40.52, 187.642
CIE-LUV	69.408, -52.892, -2.047
Hunter-Lab	63.177, -34.766, -1.204
Binary	00100000, 10111101, 10110010

#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#bd202b
```
#bd202b rgb(189,32,43)
```

Complementary Color

#20bd64
```
#20bd64 rgb(32,189,100)
```
#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#207abd
```
#207abd rgb(32,122,189)
```

Analogous Color

#bd6420
```
#bd6420 rgb(189,100,32)
```
#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#bd207a
```
#bd207a rgb(189,32,122)
```

Split Complementary Color

#bdb220
```
#bdb220 rgb(189,178,32)
```
#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#b220bd
```
#b220bd rgb(178,32,189)
```

Triadic Color

#2bbd20
```
#2bbd20 rgb(43,189,32)
```
#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#b220bd
```
#b220bd rgb(178,32,189)
```
#bd202b
```
#bd202b rgb(189,32,43)
```

Tetradic Color

#157c74
```
#157c74 rgb(21,124,116)
```
#199189
```
#199189 rgb(25,145,137)
```
#1ca79d
```
#1ca79d rgb(28,167,157)
```
#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#24d3c7
```
#24d3c7 rgb(36,211,199)
```
#33ddd1
```
#33ddd1 rgb(51,221,209)
```
#49e0d6
```
#49e0d6 rgb(73,224,214)
```

Monochromatic Color

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

#20bd8b
```
#20bd8b rgb(32,189,139)
```
#20bd98
```
#20bd98 rgb(32,189,152)
```
#20bda5
```
#20bda5 rgb(32,189,165)
```
#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#20bbbd
```
#20bbbd rgb(32,187,189)
```
#20aebd
```
#20aebd rgb(32,174,189)
```
#20a1bd
```
#20a1bd rgb(32,161,189)
```

Similar Colors

Text with hexadecimal color #20bdb2

This text has a font color of #20bdb2.

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

#20bdb2 background color

This paragraph has a background color of #20bdb2.

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

#20bdb2 border color

This element has a border color of #20bdb2.

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

CSS codes

.text {color:#20bdb2;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041514
```
#041514 rgb(4,21,20)
```
#062624
```
#062624 rgb(6,38,36)
```
#093734
```
#093734 rgb(9,55,52)
```
#0c4843
```
#0c4843 rgb(12,72,67)
```
#0f5853
```
#0f5853 rgb(15,88,83)
```
#126963
```
#126963 rgb(18,105,99)
```
#157a73
```
#157a73 rgb(21,122,115)
```
#178b83
```
#178b83 rgb(23,139,131)
```
#1a9b92
```
#1a9b92 rgb(26,155,146)
```
#1daca2
```
#1daca2 rgb(29,172,162)
```
#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#23cec2
```
#23cec2 rgb(35,206,194)
```

Shade Color Variation

#29dbce
```
#29dbce rgb(41,219,206)
```
#3aded2
```
#3aded2 rgb(58,222,210)
```
#4be1d6
```
#4be1d6 rgb(75,225,214)
```
#5ce3da
```
#5ce3da rgb(92,227,218)
```
#6ce6de
```
#6ce6de rgb(108,230,222)
```
#7de9e1
```
#7de9e1 rgb(125,233,225)
```
#8eece5
```
#8eece5 rgb(142,236,229)
```
#9fefe9
```
#9fefe9 rgb(159,239,233)
```
#b0f2ed
```
#b0f2ed rgb(176,242,237)
```
#c0f4f1
```
#c0f4f1 rgb(192,244,241)
```
#d1f7f5
```
#d1f7f5 rgb(209,247,245)
```
#e2faf8
```
#e2faf8 rgb(226,250,248)
```
#f3fdfc
```
#f3fdfc rgb(243,253,252)
```

Tint Color Variation

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

#6d7170
```
#6d7170 rgb(109,113,112)
```
#647978
```
#647978 rgb(100,121,120)
```
#5c827f
```
#5c827f rgb(92,130,127)
```
#538a86
```
#538a86 rgb(83,138,134)
```
#4b938d
```
#4b938d rgb(75,147,141)
```
#429b95
```
#429b95 rgb(66,155,149)
```
#3aa49c
```
#3aa49c rgb(58,164,156)
```
#31aca3
```
#31aca3 rgb(49,172,163)
```
#29b5ab
```
#29b5ab rgb(41,181,171)
```
#20bdb2
```
#20bdb2 rgb(32,189,178)
```
#18c6b9
```
#18c6b9 rgb(24,198,185)
```
#0fcec1
```
#0fcec1 rgb(15,206,193)
```
#06d7c8
```
#06d7c8 rgb(6,215,200)
```

Tone Color Variation

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

Dichromacy

#b1adab Protanopia 1% of men
#b6a9be Deuteranopia 1% of men
#41bdcb Tritanopia 0.001% of the population

Trichromacy

#7cb2ad Protanomaly 1% of men, 0.01% of women
#7fb0b9 Deuteranomaly 6% of men, 0.4% of women
#35bdc1 Tritanomaly 0.01% of the population

#20bdb2 hex color

#20bdb2 Color Information

#20bdb2 Color Conversion

Color Schemes with #20bdb2

Alternatives to #20bdb2

#20bdb2 Preview

Shades and Tints of #20bdb2

Tones of #20bdb2

Color Blindness Simulator