#20c1b2 hex color

In a RGB color space, hex #20c1b2 is composed of 12.5% red, 75.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 0% magenta, 7.8% yellow and 24.3% black. It has a hue angle of 174.4 degrees, a saturation of 71.6% and a lightness of 44.1%. #20c1b2 color hex could be obtained by blending #40ffff with #008365. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 76
- B 70
RGB color chart
- C 83
- M 0
- Y 8
- K 24
CMYK color chart

● #20c1b2 color description : Strong cyan.

The hexadecimal color #20c1b2 has RGB values of R:32, G:193, B:178 and CMYK values of C:0.83, M:0, Y:0.08, K:0.24. Its decimal value is 2146738.

Hex triplet	20c1b2	`#20c1b2`
RGB Decimal	32, 193, 178	`rgb(32,193,178)`
RGB Percent	12.5, 75.7, 69.8	`rgb(12.5%,75.7%,69.8%)`
CMYK	83, 0, 8, 24
HSL	174.4°, 71.6, 44.1	`hsl(174.4,71.6%,44.1%)`
HSV (or HSB)	174.4°, 83.4, 75.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.635, -41.931, -3.579
XYZ	27.699, 41.659, 48.698
xyY	0.235, 0.353, 41.659
CIE-LCH	70.635, 42.083, 184.878
CIE-LUV	70.635, -54.283, 1.012
Hunter-Lab	64.543, -36.348, 0.446
Binary	00100000, 11000001, 10110010

#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#c1202f
```
#c1202f rgb(193,32,47)
```

Complementary Color

#20c162
```
#20c162 rgb(32,193,98)
```
#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#2080c1
```
#2080c1 rgb(32,128,193)
```

Analogous Color

#c16120
```
#c16120 rgb(193,97,32)
```
#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#c12080
```
#c12080 rgb(193,32,128)
```

Split Complementary Color

#c1b220
```
#c1b220 rgb(193,178,32)
```
#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#b220c1
```
#b220c1 rgb(178,32,193)
```

Triadic Color

#2fc120
```
#2fc120 rgb(47,193,32)
```
#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#b220c1
```
#b220c1 rgb(178,32,193)
```
#c1202f
```
#c1202f rgb(193,32,47)
```

Tetradic Color

#157f75
```
#157f75 rgb(21,127,117)
```
#19958a
```
#19958a rgb(25,149,138)
```
#1cab9e
```
#1cab9e rgb(28,171,158)
```
#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#24d7c6
```
#24d7c6 rgb(36,215,198)
```
#36dece
```
#36dece rgb(54,222,206)
```
#4ce1d3
```
#4ce1d3 rgb(76,225,211)
```

Monochromatic Color

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

#20c18a
```
#20c18a rgb(32,193,138)
```
#20c197
```
#20c197 rgb(32,193,151)
```
#20c1a5
```
#20c1a5 rgb(32,193,165)
```
#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#20c1bf
```
#20c1bf rgb(32,193,191)
```
#20b5c1
```
#20b5c1 rgb(32,181,193)
```
#20a8c1
```
#20a8c1 rgb(32,168,193)
```

Similar Colors

Text with hexadecimal color #20c1b2

This text has a font color of #20c1b2.

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

#20c1b2 background color

This paragraph has a background color of #20c1b2.

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

#20c1b2 border color

This element has a border color of #20c1b2.

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

CSS codes

.text {color:#20c1b2;}

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

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

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

#010807
```
#010807 rgb(1,8,7)
```
#041917
```
#041917 rgb(4,25,23)
```
#072a26
```
#072a26 rgb(7,42,38)
```
#0a3a36
```
#0a3a36 rgb(10,58,54)
```
#0c4b45
```
#0c4b45 rgb(12,75,69)
```
#0f5c55
```
#0f5c55 rgb(15,92,85)
```
#126d64
```
#126d64 rgb(18,109,100)
```
#157e74
```
#157e74 rgb(21,126,116)
```
#188f83
```
#188f83 rgb(24,143,131)
```
#1a9f93
```
#1a9f93 rgb(26,159,147)
```
#1db0a2
```
#1db0a2 rgb(29,176,162)
```
#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#23d2c2
```
#23d2c2 rgb(35,210,194)
```

Shade Color Variation

#2cdccc
```
#2cdccc rgb(44,220,204)
```
#3ddfd0
```
#3ddfd0 rgb(61,223,208)
```
#4ee2d4
```
#4ee2d4 rgb(78,226,212)
```
#5fe4d8
```
#5fe4d8 rgb(95,228,216)
```
#6fe7dc
```
#6fe7dc rgb(111,231,220)
```
#80eae0
```
#80eae0 rgb(128,234,224)
```
#91ede4
```
#91ede4 rgb(145,237,228)
```
#a2f0e8
```
#a2f0e8 rgb(162,240,232)
```
#b3f2ec
```
#b3f2ec rgb(179,242,236)
```
#c4f5f1
```
#c4f5f1 rgb(196,245,241)
```
#d4f8f5
```
#d4f8f5 rgb(212,248,245)
```
#e5fbf9
```
#e5fbf9 rgb(229,251,249)
```
#f6fefd
```
#f6fefd rgb(246,254,253)
```

Tint Color Variation

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

#6e7373
```
#6e7373 rgb(110,115,115)
```
#657c7a
```
#657c7a rgb(101,124,122)
```
#5d8481
```
#5d8481 rgb(93,132,129)
```
#548d88
```
#548d88 rgb(84,141,136)
```
#4b968f
```
#4b968f rgb(75,150,143)
```
#439e96
```
#439e96 rgb(67,158,150)
```
#3aa79d
```
#3aa79d rgb(58,167,157)
```
#31b0a4
```
#31b0a4 rgb(49,176,164)
```
#29b8ab
```
#29b8ab rgb(41,184,171)
```
#20c1b2
```
#20c1b2 rgb(32,193,178)
```
#17cab9
```
#17cab9 rgb(23,202,185)
```
#0fd2c0
```
#0fd2c0 rgb(15,210,192)
```
#06dbc7
```
#06dbc7 rgb(6,219,199)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#799996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b0ab Protanopia 1% of men
#baacbe Deuteranopia 1% of men
#44c0ce Tritanopia 0.001% of the population

Trichromacy

#7fb6ad Protanomaly 1% of men, 0.01% of women
#82b3ba Deuteranomaly 6% of men, 0.4% of women
#37c0c4 Tritanomaly 0.01% of the population

#20c1b2 hex color

#20c1b2 Color Information

#20c1b2 Color Conversion

Color Schemes with #20c1b2

Alternatives to #20c1b2

#20c1b2 Preview

Shades and Tints of #20c1b2

Tones of #20c1b2

Color Blindness Simulator