#20a0b0 hex color

In a RGB color space, hex #20a0b0 is composed of 12.5% red, 62.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 9.1% magenta, 0% yellow and 31% black. It has a hue angle of 186.7 degrees, a saturation of 69.2% and a lightness of 40.8%. #20a0b0 color hex could be obtained by blending #40ffff with #004161. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 63
- B 69
RGB color chart
- C 82
- M 9
- Y 0
- K 31
CMYK color chart

● #20a0b0 color description : Dark cyan.

The hexadecimal color #20a0b0 has RGB values of R:32, G:160, B:176 and CMYK values of C:0.82, M:0.09, Y:0, K:0.31. Its decimal value is 2138288.

Hex triplet	20a0b0	`#20a0b0`
RGB Decimal	32, 160, 176	`rgb(32,160,176)`
RGB Percent	12.5, 62.7, 69	`rgb(12.5%,62.7%,69%)`
CMYK	82, 9, 0, 31
HSL	186.7°, 69.2, 40.8	`hsl(186.7,69.2%,40.8%)`
HSV (or HSB)	186.7°, 81.8, 69
Web Safe	339999	`#339999`

CIE-LAB	60.41, -27.08, -17.763
XYZ	21.001, 28.581, 45.482
xyY	0.221, 0.301, 28.581
CIE-LCH	60.41, 32.386, 213.263
CIE-LUV	60.41, -42.825, -23.166
Hunter-Lab	53.461, -23.439, -13.017
Binary	00100000, 10100000, 10110000

#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#b03020
```
#b03020 rgb(176,48,32)
```

Complementary Color

#20b078
```
#20b078 rgb(32,176,120)
```
#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#2058b0
```
#2058b0 rgb(32,88,176)
```

Analogous Color

#b07820
```
#b07820 rgb(176,120,32)
```
#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#b02058
```
#b02058 rgb(176,32,88)
```

Split Complementary Color

#a0b020
```
#a0b020 rgb(160,176,32)
```
#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#b020a0
```
#b020a0 rgb(176,32,160)
```

Triadic Color

#20b030
```
#20b030 rgb(32,176,48)
```
#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#b020a0
```
#b020a0 rgb(176,32,160)
```
#b03020
```
#b03020 rgb(176,48,32)
```

Tetradic Color

#14656f
```
#14656f rgb(20,101,111)
```
#187985
```
#187985 rgb(24,121,133)
```
#1c8c9a
```
#1c8c9a rgb(28,140,154)
```
#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#24b4c6
```
#24b4c6 rgb(36,180,198)
```
#2bc5d8
```
#2bc5d8 rgb(43,197,216)
```
#40cbdc
```
#40cbdc rgb(64,203,220)
```

Monochromatic Color

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

#20b09c
```
#20b09c rgb(32,176,156)
```
#20b0a8
```
#20b0a8 rgb(32,176,168)
```
#20acb0
```
#20acb0 rgb(32,172,176)
```
#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#2094b0
```
#2094b0 rgb(32,148,176)
```
#2088b0
```
#2088b0 rgb(32,136,176)
```
#207cb0
```
#207cb0 rgb(32,124,176)
```

Similar Colors

Text with hexadecimal color #20a0b0

This text has a font color of #20a0b0.

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

#20a0b0 background color

This paragraph has a background color of #20a0b0.

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

#20a0b0 border color

This element has a border color of #20a0b0.

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

CSS codes

.text {color:#20a0b0;}

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

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

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, #02090a is the darkest color, while #f8fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#05181b
```
#05181b rgb(5,24,27)
```
#08272b
```
#08272b rgb(8,39,43)
```
#0b363c
```
#0b363c rgb(11,54,60)
```
#0e454c
```
#0e454c rgb(14,69,76)
```
#11555d
```
#11555d rgb(17,85,93)
```
#14646e
```
#14646e rgb(20,100,110)
```
#17737e
```
#17737e rgb(23,115,126)
```
#1a828f
```
#1a828f rgb(26,130,143)
```
#1d919f
```
#1d919f rgb(29,145,159)
```
#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#23afc1
```
#23afc1 rgb(35,175,193)
```
#26bed1
```
#26bed1 rgb(38,190,209)
```

Shade Color Variation

#31c7da
```
#31c7da rgb(49,199,218)
```
#42cbdd
```
#42cbdd rgb(66,203,221)
```
#52d0e0
```
#52d0e0 rgb(82,208,224)
```
#63d4e3
```
#63d4e3 rgb(99,212,227)
```
#74d9e6
```
#74d9e6 rgb(116,217,230)
```
#84dee9
```
#84dee9 rgb(132,222,233)
```
#95e2ec
```
#95e2ec rgb(149,226,236)
```
#a5e7ef
```
#a5e7ef rgb(165,231,239)
```
#b6ebf2
```
#b6ebf2 rgb(182,235,242)
```
#c7f0f5
```
#c7f0f5 rgb(199,240,245)
```
#d7f4f8
```
#d7f4f8 rgb(215,244,248)
```
#e8f9fb
```
#e8f9fb rgb(232,249,251)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606e70 is the less saturated color, while #00b9d0 is the most saturated one.

#606e70
```
#606e70 rgb(96,110,112)
```
#587478
```
#587478 rgb(88,116,120)
```
#507b80
```
#507b80 rgb(80,123,128)
```
#488188
```
#488188 rgb(72,129,136)
```
#408790
```
#408790 rgb(64,135,144)
```
#388d98
```
#388d98 rgb(56,141,152)
```
#3094a0
```
#3094a0 rgb(48,148,160)
```
#289aa8
```
#289aa8 rgb(40,154,168)
```
#20a0b0
```
#20a0b0 rgb(32,160,176)
```
#18a6b8
```
#18a6b8 rgb(24,166,184)
```
#10acc0
```
#10acc0 rgb(16,172,192)
```
#08b3c8
```
#08b3c8 rgb(8,179,200)
```
#00b9d0
```
#00b9d0 rgb(0,185,208)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6a8386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9396ab Protanopia 1% of men
#9294ba Deuteranopia 1% of men
#28a5b1 Tritanopia 0.001% of the population

Trichromacy

#6999ac Protanomaly 1% of men, 0.01% of women
#6898b6 Deuteranomaly 6% of men, 0.4% of women
#25a3b0 Tritanomaly 0.01% of the population

#20a0b0 hex color

#20a0b0 Color Information

#20a0b0 Color Conversion

Color Schemes with #20a0b0

Alternatives to #20a0b0

#20a0b0 Preview

Shades and Tints of #20a0b0

Tones of #20a0b0

Color Blindness Simulator