#20c2a0 hex color

In a RGB color space, hex #20c2a0 is composed of 12.5% red, 76.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 0% magenta, 17.5% yellow and 23.9% black. It has a hue angle of 167.4 degrees, a saturation of 71.7% and a lightness of 44.3%. #20c2a0 color hex could be obtained by blending #40ffff with #008541. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 76
- B 63
RGB color chart
- C 84
- M 0
- Y 18
- K 24
CMYK color chart

● #20c2a0 color description : Strong cyan.

The hexadecimal color #20c2a0 has RGB values of R:32, G:194, B:160 and CMYK values of C:0.84, M:0, Y:0.18, K:0.24. Its decimal value is 2146976.

Hex triplet	20c2a0	`#20c2a0`
RGB Decimal	32, 194, 160	`rgb(32,194,160)`
RGB Percent	12.5, 76.1, 62.7	`rgb(12.5%,76.1%,62.7%)`
CMYK	84, 0, 18, 24
HSL	167.4°, 71.7, 44.3	`hsl(167.4,71.7%,44.3%)`
HSV (or HSB)	167.4°, 83.5, 76.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.473, -47.2, 6.008
XYZ	26.23, 41.426, 39.869
xyY	0.244, 0.385, 41.426
CIE-LCH	70.473, 47.581, 172.745
CIE-LUV	70.473, -55.965, 16.136
Hunter-Lab	64.363, -39.89, 8.327
Binary	00100000, 11000010, 10100000

#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#c22042
```
#c22042 rgb(194,32,66)
```

Complementary Color

#20c24f
```
#20c24f rgb(32,194,79)
```
#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#2093c2
```
#2093c2 rgb(32,147,194)
```

Analogous Color

#c24f20
```
#c24f20 rgb(194,79,32)
```
#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#c22093
```
#c22093 rgb(194,32,147)
```

Split Complementary Color

#c2a020
```
#c2a020 rgb(194,160,32)
```
#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#a020c2
```
#a020c2 rgb(160,32,194)
```

Triadic Color

#42c220
```
#42c220 rgb(66,194,32)
```
#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#a020c2
```
#a020c2 rgb(160,32,194)
```
#c22042
```
#c22042 rgb(194,32,66)
```

Tetradic Color

#15806a
```
#15806a rgb(21,128,106)
```
#19967c
```
#19967c rgb(25,150,124)
```
#1cac8e
```
#1cac8e rgb(28,172,142)
```
#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#24d8b2
```
#24d8b2 rgb(36,216,178)
```
#37debb
```
#37debb rgb(55,222,187)
```
#4de2c2
```
#4de2c2 rgb(77,226,194)
```

Monochromatic Color

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

#20c278
```
#20c278 rgb(32,194,120)
```
#20c285
```
#20c285 rgb(32,194,133)
```
#20c293
```
#20c293 rgb(32,194,147)
```
#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#20c2ae
```
#20c2ae rgb(32,194,174)
```
#20c2bb
```
#20c2bb rgb(32,194,187)
```
#20bcc2
```
#20bcc2 rgb(32,188,194)
```

Similar Colors

Text with hexadecimal color #20c2a0

This text has a font color of #20c2a0.

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

#20c2a0 background color

This paragraph has a background color of #20c2a0.

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

#20c2a0 border color

This element has a border color of #20c2a0.

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

CSS codes

.text {color:#20c2a0;}

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

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

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, #010907 is the darkest color, while #f7fefc is the lightest one.

#010907
```
#010907 rgb(1,9,7)
```
#041a15
```
#041a15 rgb(4,26,21)
```
#072a23
```
#072a23 rgb(7,42,35)
```
#0a3b31
```
#0a3b31 rgb(10,59,49)
```
#0d4c3f
```
#0d4c3f rgb(13,76,63)
```
#0f5d4d
```
#0f5d4d rgb(15,93,77)
```
#126e5b
```
#126e5b rgb(18,110,91)
```
#157f68
```
#157f68 rgb(21,127,104)
```
#188f76
```
#188f76 rgb(24,143,118)
```
#1aa084
```
#1aa084 rgb(26,160,132)
```
#1db192
```
#1db192 rgb(29,177,146)
```
#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#23d3ae
```
#23d3ae rgb(35,211,174)
```

Shade Color Variation

#2ddcb8
```
#2ddcb8 rgb(45,220,184)
```
#3edfbd
```
#3edfbd rgb(62,223,189)
```
#4fe2c3
```
#4fe2c3 rgb(79,226,195)
```
#5fe5c9
```
#5fe5c9 rgb(95,229,201)
```
#70e7ce
```
#70e7ce rgb(112,231,206)
```
#81ead4
```
#81ead4 rgb(129,234,212)
```
#92edda
```
#92edda rgb(146,237,218)
```
#a3f0e0
```
#a3f0e0 rgb(163,240,224)
```
#b4f3e5
```
#b4f3e5 rgb(180,243,229)
```
#c4f5eb
```
#c4f5eb rgb(196,245,235)
```
#d5f8f1
```
#d5f8f1 rgb(213,248,241)
```
#e6fbf7
```
#e6fbf7 rgb(230,251,247)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

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

#6e7473
```
#6e7473 rgb(110,116,115)
```
#667c78
```
#667c78 rgb(102,124,120)
```
#5d857d
```
#5d857d rgb(93,133,125)
```
#548e82
```
#548e82 rgb(84,142,130)
```
#4b9787
```
#4b9787 rgb(75,151,135)
```
#439f8c
```
#439f8c rgb(67,159,140)
```
#3aa891
```
#3aa891 rgb(58,168,145)
```
#31b196
```
#31b196 rgb(49,177,150)
```
#29b99b
```
#29b99b rgb(41,185,155)
```
#20c2a0
```
#20c2a0 rgb(32,194,160)
```
#17cba5
```
#17cba5 rgb(23,203,165)
```
#0fd3aa
```
#0fd3aa rgb(15,211,170)
```
#06dcaf
```
#06dcaf rgb(6,220,175)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#789892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b09a Protanopia 1% of men
#c1abae Deuteranopia 1% of men
#4dbfcd Tritanopia 0.001% of the population

Trichromacy

#81b69c Protanomaly 1% of men, 0.01% of women
#86b3a8 Deuteranomaly 6% of men, 0.4% of women
#3cc0bc Tritanomaly 0.01% of the population

#20c2a0 hex color

#20c2a0 Color Information

#20c2a0 Color Conversion

Color Schemes with #20c2a0

Alternatives to #20c2a0

#20c2a0 Preview

Shades and Tints of #20c2a0

Tones of #20c2a0

Color Blindness Simulator