#20ccb5 hex color

In a RGB color space, hex #20ccb5 is composed of 12.5% red, 80% green and 71% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 0% magenta, 11.3% yellow and 20% black. It has a hue angle of 172 degrees, a saturation of 72.9% and a lightness of 46.3%. #20ccb5 color hex could be obtained by blending #40ffff with #00996b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 80
- B 71
RGB color chart
- C 84
- M 0
- Y 11
- K 20
CMYK color chart

● #20ccb5 color description : Strong cyan.

The hexadecimal color #20ccb5 has RGB values of R:32, G:204, B:181 and CMYK values of C:0.84, M:0, Y:0.11, K:0.2. Its decimal value is 2149557.

Hex triplet	20ccb5	`#20ccb5`
RGB Decimal	32, 204, 181	`rgb(32,204,181)`
RGB Percent	12.5, 80, 71	`rgb(12.5%,80%,71%)`
CMYK	84, 0, 11, 20
HSL	172°, 72.9, 46.3	`hsl(172,72.9%,46.3%)`
HSV (or HSB)	172°, 84.3, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.078, -45.857, -0.16
XYZ	30.526, 46.826, 51.143
xyY	0.238, 0.364, 46.826
CIE-LCH	74.078, 45.858, 180.2
CIE-LUV	74.078, -57.856, 6.873
Hunter-Lab	68.429, -40.123, 3.588
Binary	00100000, 11001100, 10110101

#20ccb5
```
#20ccb5 rgb(32,204,181)
```
#cc2037
```
#cc2037 rgb(204,32,55)
```

Complementary Color

#20cc5f
```
#20cc5f rgb(32,204,95)
```
#20ccb5
```
#20ccb5 rgb(32,204,181)
```
#208dcc
```
#208dcc rgb(32,141,204)
```

Analogous Color

#cc5f20
```
#cc5f20 rgb(204,95,32)
```
#20ccb5
```
#20ccb5 rgb(32,204,181)
```
#cc208d
```
#cc208d rgb(204,32,141)
```

Split Complementary Color

#ccb520
```
#ccb520 rgb(204,181,32)
```
#20ccb5
```
#20ccb5 rgb(32,204,181)
```
#b520cc
```
#b520cc rgb(181,32,204)
```

Triadic Color

#37cc20
```
#37cc20 rgb(55,204,32)
```
#20ccb5
```
#20ccb5 rgb(32,204,181)
```
#b520cc
```
#b520cc rgb(181,32,204)
```
#cc2037
```
#cc2037 rgb(204,32,55)
```

Tetradic Color

#168a7a
```
#168a7a rgb(22,138,122)
```
#19a08e
```
#19a08e rgb(25,160,142)
```
#1db6a1
```
#1db6a1 rgb(29,182,161)
```
#20ccb5
```
#20ccb5 rgb(32,204,181)
```
#28ddc5
```
#28ddc5 rgb(40,221,197)
```
#3ee1cb
```
#3ee1cb rgb(62,225,203)
```
#54e4d1
```
#54e4d1 rgb(84,228,209)
```

Monochromatic Color

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

#20cc8a
```
#20cc8a rgb(32,204,138)
```
#20cc98
```
#20cc98 rgb(32,204,152)
```
#20cca7
```
#20cca7 rgb(32,204,167)
```
#20ccb5
```
#20ccb5 rgb(32,204,181)
```
#20ccc3
```
#20ccc3 rgb(32,204,195)
```
#20c6cc
```
#20c6cc rgb(32,198,204)
```
#20b8cc
```
#20b8cc rgb(32,184,204)
```

Similar Colors

Text with hexadecimal color #20ccb5

This text has a font color of #20ccb5.

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

#20ccb5 background color

This paragraph has a background color of #20ccb5.

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

#20ccb5 border color

This element has a border color of #20ccb5.

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

CSS codes

.text {color:#20ccb5;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#031110
```
#031110 rgb(3,17,16)
```
#05221f
```
#05221f rgb(5,34,31)
```
#08332e
```
#08332e rgb(8,51,46)
```
#0b443d
```
#0b443d rgb(11,68,61)
```
#0d554c
```
#0d554c rgb(13,85,76)
```
#10665b
```
#10665b rgb(16,102,91)
```
#13776a
```
#13776a rgb(19,119,106)
```
#158879
```
#158879 rgb(21,136,121)
```
#189988
```
#189988 rgb(24,153,136)
```
#1baa97
```
#1baa97 rgb(27,170,151)
```
#1dbba6
```
#1dbba6 rgb(29,187,166)
```
#20ccb5
```
#20ccb5 rgb(32,204,181)
```

Shade Color Variation

#23ddc4
```
#23ddc4 rgb(35,221,196)
```
#34dfc8
```
#34dfc8 rgb(52,223,200)
```
#45e2cd
```
#45e2cd rgb(69,226,205)
```
#56e4d1
```
#56e4d1 rgb(86,228,209)
```
#67e7d6
```
#67e7d6 rgb(103,231,214)
```
#78eadb
```
#78eadb rgb(120,234,219)
```
#89ecdf
```
#89ecdf rgb(137,236,223)
```
#9aefe4
```
#9aefe4 rgb(154,239,228)
```
#abf2e8
```
#abf2e8 rgb(171,242,232)
```
#bcf4ed
```
#bcf4ed rgb(188,244,237)
```
#cdf7f1
```
#cdf7f1 rgb(205,247,241)
```
#defaf6
```
#defaf6 rgb(222,250,246)
```
#effcfb
```
#effcfb rgb(239,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727a79 is the less saturated color, while #05e7c9 is the most saturated one.

#727a79
```
#727a79 rgb(114,122,121)
```
#698380
```
#698380 rgb(105,131,128)
```
#608c86
```
#608c86 rgb(96,140,134)
```
#56968d
```
#56968d rgb(86,150,141)
```
#4d9f94
```
#4d9f94 rgb(77,159,148)
```
#44a89a
```
#44a89a rgb(68,168,154)
```
#3bb1a1
```
#3bb1a1 rgb(59,177,161)
```
#32baa8
```
#32baa8 rgb(50,186,168)
```
#29c3ae
```
#29c3ae rgb(41,195,174)
```
#20ccb5
```
#20ccb5 rgb(32,204,181)
```
#17d5bc
```
#17d5bc rgb(23,213,188)
```
#0edec2
```
#0edec2 rgb(14,222,194)
```
#05e7c9
```
#05e7c9 rgb(5,231,201)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7ea19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb9ad Protanopia 1% of men
#c7b4c2 Deuteranopia 1% of men
#4ac9d8 Tritanopia 0.001% of the population

Trichromacy

#85c0b0 Protanomaly 1% of men, 0.01% of women
#8abdbd Deuteranomaly 6% of men, 0.4% of women
#3bcacb Tritanomaly 0.01% of the population

#20ccb5 hex color

#20ccb5 Color Information

#20ccb5 Color Conversion

Color Schemes with #20ccb5

Alternatives to #20ccb5

#20ccb5 Preview

Shades and Tints of #20ccb5

Tones of #20ccb5

Color Blindness Simulator