#20b2b0 hex color

In a RGB color space, hex #20b2b0 is composed of 12.5% red, 69.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 1.1% yellow and 30.2% black. It has a hue angle of 179.2 degrees, a saturation of 69.5% and a lightness of 41.2%. #20b2b0 color hex could be obtained by blending #40ffff with #006561. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 70
- B 69
RGB color chart
- C 82
- M 0
- Y 1
- K 30
CMYK color chart

● #20b2b0 color description : Dark cyan.

The hexadecimal color #20b2b0 has RGB values of R:32, G:178, B:176 and CMYK values of C:0.82, M:0, Y:0.01, K:0.3. Its decimal value is 2142896.

Hex triplet	20b2b0	`#20b2b0`
RGB Decimal	32, 178, 176	`rgb(32,178,176)`
RGB Percent	12.5, 69.8, 69	`rgb(12.5%,69.8%,69%)`
CMYK	82, 0, 1, 30
HSL	179.2°, 69.5, 41.2	`hsl(179.2,69.5%,41.2%)`
HSV (or HSB)	179.2°, 82, 69.8
Web Safe	339999	`#339999`

CIE-LAB	65.966, -35.744, -9.398
XYZ	24.35, 35.28, 46.598
xyY	0.229, 0.332, 35.28
CIE-LCH	65.966, 36.958, 194.731
CIE-LUV	65.966, -49.191, -8.903
Hunter-Lab	59.397, -30.768, -4.936
Binary	00100000, 10110010, 10110000

#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#b22022
```
#b22022 rgb(178,32,34)
```

Complementary Color

#20b267
```
#20b267 rgb(32,178,103)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#206bb2
```
#206bb2 rgb(32,107,178)
```

Analogous Color

#b26720
```
#b26720 rgb(178,103,32)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#b2206b
```
#b2206b rgb(178,32,107)
```

Split Complementary Color

#b2b020
```
#b2b020 rgb(178,176,32)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#b020b2
```
#b020b2 rgb(176,32,178)
```

Triadic Color

#22b220
```
#22b220 rgb(34,178,32)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#b020b2
```
#b020b2 rgb(176,32,178)
```
#b22022
```
#b22022 rgb(178,32,34)
```

Tetradic Color

#147170
```
#147170 rgb(20,113,112)
```
#188785
```
#188785 rgb(24,135,133)
```
#1c9c9b
```
#1c9c9b rgb(28,156,155)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#24c8c5
```
#24c8c5 rgb(36,200,197)
```
#2cd9d7
```
#2cd9d7 rgb(44,217,215)
```
#42dddb
```
#42dddb rgb(66,221,219)
```

Monochromatic Color

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

#20b28c
```
#20b28c rgb(32,178,140)
```
#20b298
```
#20b298 rgb(32,178,152)
```
#20b2a4
```
#20b2a4 rgb(32,178,164)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#20a8b2
```
#20a8b2 rgb(32,168,178)
```
#209cb2
```
#209cb2 rgb(32,156,178)
```
#2090b2
```
#2090b2 rgb(32,144,178)
```

Similar Colors

Text with hexadecimal color #20b2b0

This text has a font color of #20b2b0.

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

#20b2b0 background color

This paragraph has a background color of #20b2b0.

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

#20b2b0 border color

This element has a border color of #20b2b0.

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

CSS codes

.text {color:#20b2b0;}

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

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

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, #020c0c is the darkest color, while #fafefe is the lightest one.

#020c0c
```
#020c0c rgb(2,12,12)
```
#051c1c
```
#051c1c rgb(5,28,28)
```
#082d2c
```
#082d2c rgb(8,45,44)
```
#0b3e3d
```
#0b3e3d rgb(11,62,61)
```
#0e4e4d
```
#0e4e4d rgb(14,78,77)
```
#115f5e
```
#115f5e rgb(17,95,94)
```
#146f6e
```
#146f6e rgb(20,111,110)
```
#17807f
```
#17807f rgb(23,128,127)
```
#1a918f
```
#1a918f rgb(26,145,143)
```
#1da1a0
```
#1da1a0 rgb(29,161,160)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#23c3c0
```
#23c3c0 rgb(35,195,192)
```
#26d3d1
```
#26d3d1 rgb(38,211,209)
```

Shade Color Variation

#33dad8
```
#33dad8 rgb(51,218,216)
```
#43dddb
```
#43dddb rgb(67,221,219)
```
#54e0de
```
#54e0de rgb(84,224,222)
```
#64e3e1
```
#64e3e1 rgb(100,227,225)
```
#75e6e5
```
#75e6e5 rgb(117,230,229)
```
#86e9e8
```
#86e9e8 rgb(134,233,232)
```
#96eceb
```
#96eceb rgb(150,236,235)
```
#a7efee
```
#a7efee rgb(167,239,238)
```
#b8f2f1
```
#b8f2f1 rgb(184,242,241)
```
#c8f5f5
```
#c8f5f5 rgb(200,245,245)
```
#d9f8f8
```
#d9f8f8 rgb(217,248,248)
```
#e9fbfb
```
#e9fbfb rgb(233,251,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696969 is the less saturated color, while #08cac8 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#617171
```
#617171 rgb(97,113,113)
```
#597979
```
#597979 rgb(89,121,121)
```
#508281
```
#508281 rgb(80,130,129)
```
#488a89
```
#488a89 rgb(72,138,137)
```
#409291
```
#409291 rgb(64,146,145)
```
#389a98
```
#389a98 rgb(56,154,152)
```
#30a2a0
```
#30a2a0 rgb(48,162,160)
```
#28aaa8
```
#28aaa8 rgb(40,170,168)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```
#18bab8
```
#18bab8 rgb(24,186,184)
```
#10c2c0
```
#10c2c0 rgb(16,194,192)
```
#08cac8
```
#08cac8 rgb(8,202,200)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#728f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a4aa Protanopia 1% of men
#a9a1bb Deuteranopia 1% of men
#39b3c1 Tritanopia 0.001% of the population

Trichromacy

#75a9ac Protanomaly 1% of men, 0.01% of women
#77a7b7 Deuteranomaly 6% of men, 0.4% of women
#30b3ba Tritanomaly 0.01% of the population

#20b2b0 hex color

#20b2b0 Color Information

#20b2b0 Color Conversion

Color Schemes with #20b2b0

Alternatives to #20b2b0

#20b2b0 Preview

Shades and Tints of #20b2b0

Tones of #20b2b0

Color Blindness Simulator