#20b5a5 hex color

In a RGB color space, hex #20b5a5 is composed of 12.5% red, 71% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 0% magenta, 8.8% yellow and 29% black. It has a hue angle of 173.6 degrees, a saturation of 70% and a lightness of 41.8%. #20b5a5 color hex could be obtained by blending #40ffff with #006b4b. Closest websafe color is: #33cc99.

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

● #20b5a5 color description : Strong cyan.

The hexadecimal color #20b5a5 has RGB values of R:32, G:181, B:165 and CMYK values of C:0.82, M:0, Y:0.09, K:0.29. Its decimal value is 2143653.

Hex triplet	20b5a5	`#20b5a5`
RGB Decimal	32, 181, 165	`rgb(32,181,165)`
RGB Percent	12.5, 71, 64.7	`rgb(12.5%,71%,64.7%)`
CMYK	82, 0, 9, 29
HSL	173.6°, 70, 41.8	`hsl(173.6,70%,41.8%)`
HSV (or HSB)	173.6°, 82.3, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.573, -40.288, -2.405
XYZ	23.909, 36.069, 41.297
xyY	0.236, 0.356, 36.069
CIE-LCH	66.573, 40.36, 183.416
CIE-LUV	66.573, -51.065, 2.531
Hunter-Lab	60.058, -34.04, 1.271
Binary	00100000, 10110101, 10100101

#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#b52030
```
#b52030 rgb(181,32,48)
```

Complementary Color

#20b55b
```
#20b55b rgb(32,181,91)
```
#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#207bb5
```
#207bb5 rgb(32,123,181)
```

Analogous Color

#b55b20
```
#b55b20 rgb(181,91,32)
```
#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#b5207b
```
#b5207b rgb(181,32,123)
```

Split Complementary Color

#b5a520
```
#b5a520 rgb(181,165,32)
```
#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#a520b5
```
#a520b5 rgb(165,32,181)
```

Triadic Color

#30b520
```
#30b520 rgb(48,181,32)
```
#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#a520b5
```
#a520b5 rgb(165,32,181)
```
#b52030
```
#b52030 rgb(181,32,48)
```

Tetradic Color

#15746a
```
#15746a rgb(21,116,106)
```
#188a7d
```
#188a7d rgb(24,138,125)
```
#1c9f91
```
#1c9f91 rgb(28,159,145)
```
#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#24cbb9
```
#24cbb9 rgb(36,203,185)
```
#2edac8
```
#2edac8 rgb(46,218,200)
```
#44decd
```
#44decd rgb(68,222,205)
```

Monochromatic Color

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

#20b580
```
#20b580 rgb(32,181,128)
```
#20b58c
```
#20b58c rgb(32,181,140)
```
#20b599
```
#20b599 rgb(32,181,153)
```
#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#20b5b1
```
#20b5b1 rgb(32,181,177)
```
#20acb5
```
#20acb5 rgb(32,172,181)
```
#20a0b5
```
#20a0b5 rgb(32,160,181)
```

Similar Colors

Text with hexadecimal color #20b5a5

This text has a font color of #20b5a5.

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

#20b5a5 background color

This paragraph has a background color of #20b5a5.

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

#20b5a5 border color

This element has a border color of #20b5a5.

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

CSS codes

.text {color:#20b5a5;}

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

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

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

#030e0d
```
#030e0d rgb(3,14,13)
```
#051f1c
```
#051f1c rgb(5,31,28)
```
#08302b
```
#08302b rgb(8,48,43)
```
#0b403b
```
#0b403b rgb(11,64,59)
```
#0e514a
```
#0e514a rgb(14,81,74)
```
#116259
```
#116259 rgb(17,98,89)
```
#147268
```
#147268 rgb(20,114,104)
```
#178377
```
#178377 rgb(23,131,119)
```
#1a9487
```
#1a9487 rgb(26,148,135)
```
#1da496
```
#1da496 rgb(29,164,150)
```
#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#23c6b4
```
#23c6b4 rgb(35,198,180)
```
#26d6c3
```
#26d6c3 rgb(38,214,195)
```

Shade Color Variation

#35dbc9
```
#35dbc9 rgb(53,219,201)
```
#45dece
```
#45dece rgb(69,222,206)
```
#56e1d2
```
#56e1d2 rgb(86,225,210)
```
#67e4d7
```
#67e4d7 rgb(103,228,215)
```
#77e7db
```
#77e7db rgb(119,231,219)
```
#88eadf
```
#88eadf rgb(136,234,223)
```
#99ede4
```
#99ede4 rgb(153,237,228)
```
#a9f0e8
```
#a9f0e8 rgb(169,240,232)
```
#baf3ed
```
#baf3ed rgb(186,243,237)
```
#cbf6f1
```
#cbf6f1 rgb(203,246,241)
```
#dbf9f6
```
#dbf9f6 rgb(219,249,246)
```
#ecfcfa
```
#ecfcfa rgb(236,252,250)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#6a6b6b
```
#6a6b6b rgb(106,107,107)
```
#627372
```
#627372 rgb(98,115,114)
```
#597c78
```
#597c78 rgb(89,124,120)
```
#51847e
```
#51847e rgb(81,132,126)
```
#498c85
```
#498c85 rgb(73,140,133)
```
#41948b
```
#41948b rgb(65,148,139)
```
#399c92
```
#399c92 rgb(57,156,146)
```
#30a598
```
#30a598 rgb(48,165,152)
```
#28ad9f
```
#28ad9f rgb(40,173,159)
```
#20b5a5
```
#20b5a5 rgb(32,181,165)
```
#18bdab
```
#18bdab rgb(24,189,171)
```
#10c5b2
```
#10c5b2 rgb(16,197,178)
```
#07ceb8
```
#07ceb8 rgb(7,206,184)
```

Tone Color Variation

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

Dichromacy

#aba69f Protanopia 1% of men
#b0a2b1 Deuteranopia 1% of men
#42b5c2 Tritanopia 0.001% of the population

Trichromacy

#78aba1 Protanomaly 1% of men, 0.01% of women
#7ca9ad Deuteranomaly 6% of men, 0.4% of women
#36b5b7 Tritanomaly 0.01% of the population

#20b5a5 hex color

#20b5a5 Color Information

#20b5a5 Color Conversion

Color Schemes with #20b5a5

Alternatives to #20b5a5

#20b5a5 Preview

Shades and Tints of #20b5a5

Tones of #20b5a5

Color Blindness Simulator