#20b6a0 hex color

In a RGB color space, hex #20b6a0 is composed of 12.5% red, 71.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 0% magenta, 12.1% yellow and 28.6% black. It has a hue angle of 171.2 degrees, a saturation of 70.1% and a lightness of 42%. #20b6a0 color hex could be obtained by blending #40ffff with #006d41. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 71
- B 63
RGB color chart
- C 82
- M 0
- Y 12
- K 29
CMYK color chart

● #20b6a0 color description : Strong cyan.

The hexadecimal color #20b6a0 has RGB values of R:32, G:182, B:160 and CMYK values of C:0.82, M:0, Y:0.12, K:0.29. Its decimal value is 2143904.

Hex triplet	20b6a0	`#20b6a0`
RGB Decimal	32, 182, 160	`rgb(32,182,160)`
RGB Percent	12.5, 71.4, 62.7	`rgb(12.5%,71.4%,62.7%)`
CMYK	82, 0, 12, 29
HSL	171.2°, 70.1, 42	`hsl(171.2,70.1%,42%)`
HSV (or HSB)	171.2°, 82.4, 71.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.747, -42.111, 0.614
XYZ	23.667, 36.299, 39.015
xyY	0.239, 0.367, 36.299
CIE-LCH	66.747, 42.116, 179.164
CIE-LUV	66.747, -51.785, 7.33
Hunter-Lab	60.248, -35.317, 3.78
Binary	00100000, 10110110, 10100000

#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#b62036
```
#b62036 rgb(182,32,54)
```

Complementary Color

#20b655
```
#20b655 rgb(32,182,85)
```
#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#2081b6
```
#2081b6 rgb(32,129,182)
```

Analogous Color

#b65520
```
#b65520 rgb(182,85,32)
```
#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#b62081
```
#b62081 rgb(182,32,129)
```

Split Complementary Color

#b6a020
```
#b6a020 rgb(182,160,32)
```
#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#a020b6
```
#a020b6 rgb(160,32,182)
```

Triadic Color

#36b620
```
#36b620 rgb(54,182,32)
```
#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#a020b6
```
#a020b6 rgb(160,32,182)
```
#b62036
```
#b62036 rgb(182,32,54)
```

Tetradic Color

#157567
```
#157567 rgb(21,117,103)
```
#188b7a
```
#188b7a rgb(24,139,122)
```
#1ca08d
```
#1ca08d rgb(28,160,141)
```
#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#24ccb3
```
#24ccb3 rgb(36,204,179)
```
#2fdac1
```
#2fdac1 rgb(47,218,193)
```
#44dec8
```
#44dec8 rgb(68,222,200)
```

Monochromatic Color

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

#20b67b
```
#20b67b rgb(32,182,123)
```
#20b687
```
#20b687 rgb(32,182,135)
```
#20b694
```
#20b694 rgb(32,182,148)
```
#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#20b6ad
```
#20b6ad rgb(32,182,173)
```
#20b3b6
```
#20b3b6 rgb(32,179,182)
```
#20a7b6
```
#20a7b6 rgb(32,167,182)
```

Similar Colors

Text with hexadecimal color #20b6a0

This text has a font color of #20b6a0.

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

#20b6a0 background color

This paragraph has a background color of #20b6a0.

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

#20b6a0 border color

This element has a border color of #20b6a0.

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

CSS codes

.text {color:#20b6a0;}

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

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

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, #030f0d is the darkest color, while #fdffff is the lightest one.

#030f0d
```
#030f0d rgb(3,15,13)
```
#06201c
```
#06201c rgb(6,32,28)
```
#09312b
```
#09312b rgb(9,49,43)
```
#0b4139
```
#0b4139 rgb(11,65,57)
```
#0e5248
```
#0e5248 rgb(14,82,72)
```
#116357
```
#116357 rgb(17,99,87)
```
#147365
```
#147365 rgb(20,115,101)
```
#178474
```
#178474 rgb(23,132,116)
```
#1a9583
```
#1a9583 rgb(26,149,131)
```
#1da591
```
#1da591 rgb(29,165,145)
```
#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#23c7af
```
#23c7af rgb(35,199,175)
```
#26d7bd
```
#26d7bd rgb(38,215,189)
```

Shade Color Variation

#35dcc3
```
#35dcc3 rgb(53,220,195)
```
#46dec8
```
#46dec8 rgb(70,222,200)
```
#57e1cd
```
#57e1cd rgb(87,225,205)
```
#67e4d2
```
#67e4d2 rgb(103,228,210)
```
#78e7d7
```
#78e7d7 rgb(120,231,215)
```
#89eadc
```
#89eadc rgb(137,234,220)
```
#99ede1
```
#99ede1 rgb(153,237,225)
```
#aaf0e6
```
#aaf0e6 rgb(170,240,230)
```
#bbf3eb
```
#bbf3eb rgb(187,243,235)
```
#cbf6f0
```
#cbf6f0 rgb(203,246,240)
```
#dcf9f5
```
#dcf9f5 rgb(220,249,245)
```
#edfcfa
```
#edfcfa rgb(237,252,250)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#6a6c6c
```
#6a6c6c rgb(106,108,108)
```
#627471
```
#627471 rgb(98,116,113)
```
#5a7c77
```
#5a7c77 rgb(90,124,119)
```
#51857d
```
#51857d rgb(81,133,125)
```
#498d83
```
#498d83 rgb(73,141,131)
```
#419589
```
#419589 rgb(65,149,137)
```
#399d8f
```
#399d8f rgb(57,157,143)
```
#30a694
```
#30a694 rgb(48,166,148)
```
#28ae9a
```
#28ae9a rgb(40,174,154)
```
#20b6a0
```
#20b6a0 rgb(32,182,160)
```
#18bea6
```
#18bea6 rgb(24,190,166)
```
#10c6ac
```
#10c6ac rgb(16,198,172)
```
#07cfb1
```
#07cfb1 rgb(7,207,177)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#72908c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca69b Protanopia 1% of men
#b3a2ad Deuteranopia 1% of men
#45b5c2 Tritanopia 0.001% of the population

Trichromacy

#79ac9c Protanomaly 1% of men, 0.01% of women
#7ea9a8 Deuteranomaly 6% of men, 0.4% of women
#38b5b6 Tritanomaly 0.01% of the population

#20b6a0 hex color

#20b6a0 Color Information

#20b6a0 Color Conversion

Color Schemes with #20b6a0

Alternatives to #20b6a0

#20b6a0 Preview

Shades and Tints of #20b6a0

Tones of #20b6a0

Color Blindness Simulator