colorhexa.com

#20b6b4 hex color

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

- R 13
- G 71
- B 71
RGB color chart
- C 82
- M 0
- Y 1
- K 29
CMYK color chart

● #20b6b4 color description : Strong cyan.

The hexadecimal color #20b6b4 has RGB values of R:32, G:182, B:180 and CMYK values of C:0.82, M:0, Y:0.01, K:0.29. Its decimal value is 2143924.

Hex triplet	20b6b4	`#20b6b4`
RGB Decimal	32, 182, 180	`rgb(32,182,180)`
RGB Percent	12.5, 71.4, 70.6	`rgb(12.5%,71.4%,70.6%)`
CMYK	82, 0, 1, 29
HSL	179.2°, 70.1, 42	`hsl(179.2,70.1%,42%)`
HSV (or HSB)	179.2°, 82.4, 71.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.319, -36.402, -9.594
XYZ	25.559, 37.056, 48.983
xyY	0.229, 0.332, 37.056
CIE-LCH	67.319, 37.645, 194.764
CIE-LUV	67.319, -50.295, -9.142
Hunter-Lab	60.873, -31.581, -5.097
Binary	00100000, 10110110, 10110100

#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#b62022
```
#b62022 rgb(182,32,34)
```

Complementary Color

#20b669
```
#20b669 rgb(32,182,105)
```
#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#206db6
```
#206db6 rgb(32,109,182)
```

Analogous Color

#b66920
```
#b66920 rgb(182,105,32)
```
#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#b6206d
```
#b6206d rgb(182,32,109)
```

Split Complementary Color

#b6b420
```
#b6b420 rgb(182,180,32)
```
#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#b420b6
```
#b420b6 rgb(180,32,182)
```

Triadic Color

#22b620
```
#22b620 rgb(34,182,32)
```
#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#b420b6
```
#b420b6 rgb(180,32,182)
```
#b62022
```
#b62022 rgb(182,32,34)
```

Tetradic Color

#157574
```
#157574 rgb(21,117,116)
```
#188b89
```
#188b89 rgb(24,139,137)
```
#1ca09f
```
#1ca09f rgb(28,160,159)
```
#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#24ccc9
```
#24ccc9 rgb(36,204,201)
```
#2fdad8
```
#2fdad8 rgb(47,218,216)
```
#44dedc
```
#44dedc rgb(68,222,220)
```

Monochromatic Color

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

#20b68f
```
#20b68f rgb(32,182,143)
```
#20b69b
```
#20b69b rgb(32,182,155)
```
#20b6a8
```
#20b6a8 rgb(32,182,168)
```
#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#20acb6
```
#20acb6 rgb(32,172,182)
```
#209fb6
```
#209fb6 rgb(32,159,182)
```
#2093b6
```
#2093b6 rgb(32,147,182)
```

Similar Colors

Text with hexadecimal color #20b6b4

This text has a font color of #20b6b4.

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

#20b6b4 background color

This paragraph has a background color of #20b6b4.

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

#20b6b4 border color

This element has a border color of #20b6b4.

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

CSS codes

.text {color:#20b6b4;}

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

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

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

#030f0f
```
#030f0f rgb(3,15,15)
```
#062020
```
#062020 rgb(6,32,32)
```
#093130
```
#093130 rgb(9,49,48)
```
#0b4141
```
#0b4141 rgb(11,65,65)
```
#0e5251
```
#0e5251 rgb(14,82,81)
```
#116362
```
#116362 rgb(17,99,98)
```
#147372
```
#147372 rgb(20,115,114)
```
#178483
```
#178483 rgb(23,132,131)
```
#1a9593
```
#1a9593 rgb(26,149,147)
```
#1da5a4
```
#1da5a4 rgb(29,165,164)
```
#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#23c7c4
```
#23c7c4 rgb(35,199,196)
```
#26d7d5
```
#26d7d5 rgb(38,215,213)
```

Shade Color Variation

#35dcd9
```
#35dcd9 rgb(53,220,217)
```
#46dedc
```
#46dedc rgb(70,222,220)
```
#57e1e0
```
#57e1e0 rgb(87,225,224)
```
#67e4e3
```
#67e4e3 rgb(103,228,227)
```
#78e7e6
```
#78e7e6 rgb(120,231,230)
```
#89eae9
```
#89eae9 rgb(137,234,233)
```
#99edec
```
#99edec rgb(153,237,236)
```
#aaf0ef
```
#aaf0ef rgb(170,240,239)
```
#bbf3f2
```
#bbf3f2 rgb(187,243,242)
```
#cbf6f5
```
#cbf6f5 rgb(203,246,245)
```
#dcf9f8
```
#dcf9f8 rgb(220,249,248)
```
#edfcfc
```
#edfcfc rgb(237,252,252)
```
#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 #07cfcc is the most saturated one.

#6a6c6c
```
#6a6c6c rgb(106,108,108)
```
#627474
```
#627474 rgb(98,116,116)
```
#5a7c7c
```
#5a7c7c rgb(90,124,124)
```
#518584
```
#518584 rgb(81,133,132)
```
#498d8c
```
#498d8c rgb(73,141,140)
```
#419594
```
#419594 rgb(65,149,148)
```
#399d9c
```
#399d9c rgb(57,157,156)
```
#30a6a4
```
#30a6a4 rgb(48,166,164)
```
#28aeac
```
#28aeac rgb(40,174,172)
```
#20b6b4
```
#20b6b4 rgb(32,182,180)
```
#18bebc
```
#18bebc rgb(24,190,188)
```
#10c6c4
```
#10c6c4 rgb(16,198,196)
```
#07cfcc
```
#07cfcc rgb(7,207,204)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#749292 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a7ad Protanopia 1% of men
#aca4bf Deuteranopia 1% of men
#3ab7c5 Tritanopia 0.001% of the population

Trichromacy

#77acb0 Protanomaly 1% of men, 0.01% of women
#79abbb Deuteranomaly 6% of men, 0.4% of women
#30b7be Tritanomaly 0.01% of the population