colorhexa.com

#20cccd hex color

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

- R 13
- G 80
- B 80
RGB color chart
- C 84
- M 0
- Y 0
- K 20
CMYK color chart

● #20cccd color description : Strong cyan.

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

Hex triplet	20cccd	`#20cccd`
RGB Decimal	32, 204, 205	`rgb(32,204,205)`
RGB Percent	12.5, 80, 80.4	`rgb(12.5%,80%,80.4%)`
CMYK	84, 0, 0, 20
HSL	180.3°, 73, 46.5	`hsl(180.3,73%,46.5%)`
HSV (or HSB)	180.3°, 84.4, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.76, -39.061, -12.134
XYZ	33.205, 47.897, 65.249
xyY	0.227, 0.327, 47.897
CIE-LCH	74.76, 40.902, 197.257
CIE-LUV	74.76, -56.028, -12.958
Hunter-Lab	69.208, -35.473, -7.453
Binary	00100000, 11001100, 11001101

#20cccd
```
#20cccd rgb(32,204,205)
```
#cd2120
```
#cd2120 rgb(205,33,32)
```

Complementary Color

#20cd78
```
#20cd78 rgb(32,205,120)
```
#20cccd
```
#20cccd rgb(32,204,205)
```
#2076cd
```
#2076cd rgb(32,118,205)
```

Analogous Color

#cd7820
```
#cd7820 rgb(205,120,32)
```
#20cccd
```
#20cccd rgb(32,204,205)
```
#cd2076
```
#cd2076 rgb(205,32,118)
```

Split Complementary Color

#cccd20
```
#cccd20 rgb(204,205,32)
```
#20cccd
```
#20cccd rgb(32,204,205)
```
#cd20cc
```
#cd20cc rgb(205,32,204)
```

Triadic Color

#20cd21
```
#20cd21 rgb(32,205,33)
```
#20cccd
```
#20cccd rgb(32,204,205)
```
#cd20cc
```
#cd20cc rgb(205,32,204)
```
#cd2120
```
#cd2120 rgb(205,33,32)
```

Tetradic Color

#168a8b
```
#168a8b rgb(22,138,139)
```
#19a0a1
```
#19a0a1 rgb(25,160,161)
```
#1db6b7
```
#1db6b7 rgb(29,182,183)
```
#20cccd
```
#20cccd rgb(32,204,205)
```
#29ddde
```
#29ddde rgb(41,221,222)
```
#3fe0e1
```
#3fe0e1 rgb(63,224,225)
```
#55e4e4
```
#55e4e4 rgb(85,228,228)
```

Monochromatic Color

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

#20cda3
```
#20cda3 rgb(32,205,163)
```
#20cdb1
```
#20cdb1 rgb(32,205,177)
```
#20cdc0
```
#20cdc0 rgb(32,205,192)
```
#20cccd
```
#20cccd rgb(32,204,205)
```
#20becd
```
#20becd rgb(32,190,205)
```
#20afcd
```
#20afcd rgb(32,175,205)
```
#20a1cd
```
#20a1cd rgb(32,161,205)
```

Similar Colors

Text with hexadecimal color #20cccd

This text has a font color of #20cccd.

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

#20cccd background color

This paragraph has a background color of #20cccd.

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

#20cccd border color

This element has a border color of #20cccd.

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

CSS codes

.text {color:#20cccd;}

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

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

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 #effcfd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#031212
```
#031212 rgb(3,18,18)
```
#062323
```
#062323 rgb(6,35,35)
```
#083434
```
#083434 rgb(8,52,52)
```
#0b4545
```
#0b4545 rgb(11,69,69)
```
#0d5656
```
#0d5656 rgb(13,86,86)
```
#106767
```
#106767 rgb(16,103,103)
```
#137878
```
#137878 rgb(19,120,120)
```
#158889
```
#158889 rgb(21,136,137)
```
#18999a
```
#18999a rgb(24,153,154)
```
#1baaab
```
#1baaab rgb(27,170,171)
```
#1dbbbc
```
#1dbbbc rgb(29,187,188)
```
#20cccd
```
#20cccd rgb(32,204,205)
```

Shade Color Variation

#24dcdd
```
#24dcdd rgb(36,220,221)
```
#35dedf
```
#35dedf rgb(53,222,223)
```
#46e1e2
```
#46e1e2 rgb(70,225,226)
```
#57e4e5
```
#57e4e5 rgb(87,228,229)
```
#68e7e7
```
#68e7e7 rgb(104,231,231)
```
#79e9ea
```
#79e9ea rgb(121,233,234)
```
#8aeced
```
#8aeced rgb(138,236,237)
```
#9befef
```
#9befef rgb(155,239,239)
```
#acf2f2
```
#acf2f2 rgb(172,242,242)
```
#bdf4f5
```
#bdf4f5 rgb(189,244,245)
```
#cdf7f7
```
#cdf7f7 rgb(205,247,247)
```
#defafa
```
#defafa rgb(222,250,250)
```
#effcfd
```
#effcfd rgb(239,252,253)
```

Tint Color Variation

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

#727b7b
```
#727b7b rgb(114,123,123)
```
#698484
```
#698484 rgb(105,132,132)
```
#608d8d
```
#608d8d rgb(96,141,141)
```
#579696
```
#579696 rgb(87,150,150)
```
#4e9f9f
```
#4e9f9f rgb(78,159,159)
```
#44a8a9
```
#44a8a9 rgb(68,168,169)
```
#3bb1b2
```
#3bb1b2 rgb(59,177,178)
```
#32babb
```
#32babb rgb(50,186,187)
```
#29c3c4
```
#29c3c4 rgb(41,195,196)
```
#20cccd
```
#20cccd rgb(32,204,205)
```
#17d5d6
```
#17d5d6 rgb(23,213,214)
```
#0ededf
```
#0ededf rgb(14,222,223)
```
#05e7e8
```
#05e7e8 rgb(5,231,232)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#81a3a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbac4 Protanopia 1% of men
#beb7d8 Deuteranopia 1% of men
#3bccdb Tritanopia 0.001% of the population

Trichromacy

#83c0c7 Protanomaly 1% of men, 0.01% of women
#84bed4 Deuteranomaly 6% of men, 0.4% of women
#31ccd6 Tritanomaly 0.01% of the population