#20c2b4 hex color

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

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

● #20c2b4 color description : Strong cyan.

The hexadecimal color #20c2b4 has RGB values of R:32, G:194, B:180 and CMYK values of C:0.84, M:0, Y:0.07, K:0.24. Its decimal value is 2146996.

Hex triplet	20c2b4	`#20c2b4`
RGB Decimal	32, 194, 180	`rgb(32,194,180)`
RGB Percent	12.5, 76.1, 70.6	`rgb(12.5%,76.1%,70.6%)`
CMYK	84, 0, 7, 24
HSL	174.8°, 71.7, 44.3	`hsl(174.8,71.7%,44.3%)`
HSV (or HSB)	174.8°, 83.5, 76.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.997, -41.808, -4.138
XYZ	28.123, 42.183, 49.837
xyY	0.234, 0.351, 42.183
CIE-LCH	70.997, 42.012, 185.653
CIE-LUV	70.997, -54.479, 0.133
Hunter-Lab	64.949, -36.369, -0.032
Binary	00100000, 11000010, 10110100

#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#c2202e
```
#c2202e rgb(194,32,46)
```

Complementary Color

#20c263
```
#20c263 rgb(32,194,99)
```
#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#207fc2
```
#207fc2 rgb(32,127,194)
```

Analogous Color

#c26320
```
#c26320 rgb(194,99,32)
```
#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#c2207f
```
#c2207f rgb(194,32,127)
```

Split Complementary Color

#c2b420
```
#c2b420 rgb(194,180,32)
```
#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#b420c2
```
#b420c2 rgb(180,32,194)
```

Triadic Color

#2ec220
```
#2ec220 rgb(46,194,32)
```
#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#b420c2
```
#b420c2 rgb(180,32,194)
```
#c2202e
```
#c2202e rgb(194,32,46)
```

Tetradic Color

#158077
```
#158077 rgb(21,128,119)
```
#19968b
```
#19968b rgb(25,150,139)
```
#1caca0
```
#1caca0 rgb(28,172,160)
```
#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#24d8c8
```
#24d8c8 rgb(36,216,200)
```
#37ded0
```
#37ded0 rgb(55,222,208)
```
#4de2d5
```
#4de2d5 rgb(77,226,213)
```

Monochromatic Color

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

#20c28c
```
#20c28c rgb(32,194,140)
```
#20c299
```
#20c299 rgb(32,194,153)
```
#20c2a7
```
#20c2a7 rgb(32,194,167)
```
#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#20c2c2
```
#20c2c2 rgb(32,194,194)
```
#20b5c2
```
#20b5c2 rgb(32,181,194)
```
#20a8c2
```
#20a8c2 rgb(32,168,194)
```

Similar Colors

Text with hexadecimal color #20c2b4

This text has a font color of #20c2b4.

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

#20c2b4 background color

This paragraph has a background color of #20c2b4.

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

#20c2b4 border color

This element has a border color of #20c2b4.

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

CSS codes

.text {color:#20c2b4;}

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

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

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

#010908
```
#010908 rgb(1,9,8)
```
#041a18
```
#041a18 rgb(4,26,24)
```
#072a27
```
#072a27 rgb(7,42,39)
```
#0a3b37
```
#0a3b37 rgb(10,59,55)
```
#0d4c47
```
#0d4c47 rgb(13,76,71)
```
#0f5d56
```
#0f5d56 rgb(15,93,86)
```
#126e66
```
#126e66 rgb(18,110,102)
```
#157f76
```
#157f76 rgb(21,127,118)
```
#188f85
```
#188f85 rgb(24,143,133)
```
#1aa095
```
#1aa095 rgb(26,160,149)
```
#1db1a4
```
#1db1a4 rgb(29,177,164)
```
#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#23d3c4
```
#23d3c4 rgb(35,211,196)
```

Shade Color Variation

#2ddccd
```
#2ddccd rgb(45,220,205)
```
#3edfd1
```
#3edfd1 rgb(62,223,209)
```
#4fe2d5
```
#4fe2d5 rgb(79,226,213)
```
#5fe5d9
```
#5fe5d9 rgb(95,229,217)
```
#70e7dd
```
#70e7dd rgb(112,231,221)
```
#81eae1
```
#81eae1 rgb(129,234,225)
```
#92ede5
```
#92ede5 rgb(146,237,229)
```
#a3f0e9
```
#a3f0e9 rgb(163,240,233)
```
#b4f3ed
```
#b4f3ed rgb(180,243,237)
```
#c4f5f1
```
#c4f5f1 rgb(196,245,241)
```
#d5f8f5
```
#d5f8f5 rgb(213,248,245)
```
#e6fbf9
```
#e6fbf9 rgb(230,251,249)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#6e7473
```
#6e7473 rgb(110,116,115)
```
#667c7a
```
#667c7a rgb(102,124,122)
```
#5d8582
```
#5d8582 rgb(93,133,130)
```
#548e89
```
#548e89 rgb(84,142,137)
```
#4b9790
```
#4b9790 rgb(75,151,144)
```
#439f97
```
#439f97 rgb(67,159,151)
```
#3aa89e
```
#3aa89e rgb(58,168,158)
```
#31b1a6
```
#31b1a6 rgb(49,177,166)
```
#29b9ad
```
#29b9ad rgb(41,185,173)
```
#20c2b4
```
#20c2b4 rgb(32,194,180)
```
#17cbbb
```
#17cbbb rgb(23,203,187)
```
#0fd3c2
```
#0fd3c2 rgb(15,211,194)
```
#06dcca
```
#06dcca rgb(6,220,202)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7a9a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b1ad Protanopia 1% of men
#bbadc0 Deuteranopia 1% of men
#43c1cf Tritanopia 0.001% of the population

Trichromacy

#7fb7af Protanomaly 1% of men, 0.01% of women
#82b4bb Deuteranomaly 6% of men, 0.4% of women
#36c1c5 Tritanomaly 0.01% of the population

#20c2b4 hex color

#20c2b4 Color Information

#20c2b4 Color Conversion

Color Schemes with #20c2b4

Alternatives to #20c2b4

#20c2b4 Preview

Shades and Tints of #20c2b4

Tones of #20c2b4

Color Blindness Simulator