#20cdb4 hex color

In a RGB color space, hex #20cdb4 is composed of 12.5% red, 80.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 0% magenta, 12.2% yellow and 19.6% black. It has a hue angle of 171.3 degrees, a saturation of 73% and a lightness of 46.5%. #20cdb4 color hex could be obtained by blending #40ffff with #009b69. Closest websafe color is: #33cccc.

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

● #20cdb4 color description : Strong cyan.

The hexadecimal color #20cdb4 has RGB values of R:32, G:205, B:180 and CMYK values of C:0.84, M:0, Y:0.12, K:0.2. Its decimal value is 2149812.

Hex triplet	20cdb4	`#20cdb4`
RGB Decimal	32, 205, 180	`rgb(32,205,180)`
RGB Percent	12.5, 80.4, 70.6	`rgb(12.5%,80.4%,70.6%)`
CMYK	84, 0, 12, 20
HSL	171.3°, 73, 46.5	`hsl(171.3,73%,46.5%)`
HSV (or HSB)	171.3°, 84.4, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.357, -46.55, 0.787
XYZ	30.662, 47.262, 50.684
xyY	0.238, 0.367, 47.262
CIE-LCH	74.357, 46.557, 179.031
CIE-LUV	74.357, -58.274, 8.422
Hunter-Lab	68.747, -40.694, 4.412
Binary	00100000, 11001101, 10110100

#20cdb4
```
#20cdb4 rgb(32,205,180)
```
#cd2039
```
#cd2039 rgb(205,32,57)
```

Complementary Color

#20cd5e
```
#20cd5e rgb(32,205,94)
```
#20cdb4
```
#20cdb4 rgb(32,205,180)
```
#2090cd
```
#2090cd rgb(32,144,205)
```

Analogous Color

#cd5e20
```
#cd5e20 rgb(205,94,32)
```
#20cdb4
```
#20cdb4 rgb(32,205,180)
```
#cd2090
```
#cd2090 rgb(205,32,144)
```

Split Complementary Color

#cdb420
```
#cdb420 rgb(205,180,32)
```
#20cdb4
```
#20cdb4 rgb(32,205,180)
```
#b420cd
```
#b420cd rgb(180,32,205)
```

Triadic Color

#39cd20
```
#39cd20 rgb(57,205,32)
```
#20cdb4
```
#20cdb4 rgb(32,205,180)
```
#b420cd
```
#b420cd rgb(180,32,205)
```
#cd2039
```
#cd2039 rgb(205,32,57)
```

Tetradic Color

#168b7a
```
#168b7a rgb(22,139,122)
```
#19a18d
```
#19a18d rgb(25,161,141)
```
#1db7a1
```
#1db7a1 rgb(29,183,161)
```
#20cdb4
```
#20cdb4 rgb(32,205,180)
```
#29dec3
```
#29dec3 rgb(41,222,195)
```
#3fe1ca
```
#3fe1ca rgb(63,225,202)
```
#55e4d0
```
#55e4d0 rgb(85,228,208)
```

Monochromatic Color

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

#20cd89
```
#20cd89 rgb(32,205,137)
```
#20cd97
```
#20cd97 rgb(32,205,151)
```
#20cda6
```
#20cda6 rgb(32,205,166)
```
#20cdb4
```
#20cdb4 rgb(32,205,180)
```
#20cdc2
```
#20cdc2 rgb(32,205,194)
```
#20c9cd
```
#20c9cd rgb(32,201,205)
```
#20bbcd
```
#20bbcd rgb(32,187,205)
```

Similar Colors

Text with hexadecimal color #20cdb4

This text has a font color of #20cdb4.

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

#20cdb4 background color

This paragraph has a background color of #20cdb4.

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

#20cdb4 border color

This element has a border color of #20cdb4.

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

CSS codes

.text {color:#20cdb4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031210
```
#031210 rgb(3,18,16)
```
#06231f
```
#06231f rgb(6,35,31)
```
#08342e
```
#08342e rgb(8,52,46)
```
#0b453d
```
#0b453d rgb(11,69,61)
```
#0d564c
```
#0d564c rgb(13,86,76)
```
#10675b
```
#10675b rgb(16,103,91)
```
#13786a
```
#13786a rgb(19,120,106)
```
#158978
```
#158978 rgb(21,137,120)
```
#189a87
```
#189a87 rgb(24,154,135)
```
#1bab96
```
#1bab96 rgb(27,171,150)
```
#1dbca5
```
#1dbca5 rgb(29,188,165)
```
#20cdb4
```
#20cdb4 rgb(32,205,180)
```

Shade Color Variation

#24ddc2
```
#24ddc2 rgb(36,221,194)
```
#35dfc7
```
#35dfc7 rgb(53,223,199)
```
#46e2cb
```
#46e2cb rgb(70,226,203)
```
#57e5d0
```
#57e5d0 rgb(87,229,208)
```
#68e7d5
```
#68e7d5 rgb(104,231,213)
```
#79eada
```
#79eada rgb(121,234,218)
```
#8aedde
```
#8aedde rgb(138,237,222)
```
#9befe3
```
#9befe3 rgb(155,239,227)
```
#acf2e8
```
#acf2e8 rgb(172,242,232)
```
#bdf5ed
```
#bdf5ed rgb(189,245,237)
```
#cdf7f1
```
#cdf7f1 rgb(205,247,241)
```
#defaf6
```
#defaf6 rgb(222,250,246)
```
#effdfb
```
#effdfb rgb(239,253,251)
```

Tint Color Variation

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

#727b7a
```
#727b7a rgb(114,123,122)
```
#698480
```
#698480 rgb(105,132,128)
```
#608d87
```
#608d87 rgb(96,141,135)
```
#57968d
```
#57968d rgb(87,150,141)
```
#4e9f94
```
#4e9f94 rgb(78,159,148)
```
#44a99a
```
#44a99a rgb(68,169,154)
```
#3bb2a1
```
#3bb2a1 rgb(59,178,161)
```
#32bba7
```
#32bba7 rgb(50,187,167)
```
#29c4ae
```
#29c4ae rgb(41,196,174)
```
#20cdb4
```
#20cdb4 rgb(32,205,180)
```
#17d6ba
```
#17d6ba rgb(23,214,186)
```
#0edfc1
```
#0edfc1 rgb(14,223,193)
```
#05e8c7
```
#05e8c7 rgb(5,232,199)
```

Tone Color Variation

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

#c1b9ac Protanopia 1% of men
#c8b5c1 Deuteranopia 1% of men
#4bcad9 Tritanopia 0.001% of the population

Trichromacy

#86c0af Protanomaly 1% of men, 0.01% of women
#8bbdbc Deuteranomaly 6% of men, 0.4% of women
#3bcbcb Tritanomaly 0.01% of the population

#20cdb4 hex color

#20cdb4 Color Information

#20cdb4 Color Conversion

Color Schemes with #20cdb4

Alternatives to #20cdb4

#20cdb4 Preview

Shades and Tints of #20cdb4

Tones of #20cdb4

Color Blindness Simulator