#c0d4dc hex color

In a RGB color space, hex #c0d4dc is composed of 75.3% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 197.1 degrees, a saturation of 28.6% and a lightness of 80.8%. #c0d4dc color hex could be obtained by blending #ffffff with #81a9b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 83
- B 86
RGB color chart
- C 13
- M 4
- Y 0
- K 14
CMYK color chart

● #c0d4dc color description : Light grayish blue.

The hexadecimal color #c0d4dc has RGB values of R:192, G:212, B:220 and CMYK values of C:0.13, M:0.04, Y:0, K:0.14. Its decimal value is 12637404.

Hex triplet	c0d4dc	`#c0d4dc`
RGB Decimal	192, 212, 220	`rgb(192,212,220)`
RGB Percent	75.3, 83.1, 86.3	`rgb(75.3%,83.1%,86.3%)`
CMYK	13, 4, 0, 14
HSL	197.1°, 28.6, 80.8	`hsl(197.1,28.6%,80.8%)`
HSV (or HSB)	197.1°, 12.7, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.684, -5.093, -6.232
XYZ	58.197, 63.46, 76.889
xyY	0.293, 0.32, 63.46
CIE-LCH	83.684, 8.048, 230.743
CIE-LUV	83.684, -11.12, -8.729
Hunter-Lab	79.662, -9.004, -1.463
Binary	11000000, 11010100, 11011100

#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#dcc8c0
```
#dcc8c0 rgb(220,200,192)
```

Complementary Color

#c0dcd6
```
#c0dcd6 rgb(192,220,214)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#c0c6dc
```
#c0c6dc rgb(192,198,220)
```

Analogous Color

#dcd6c0
```
#dcd6c0 rgb(220,214,192)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#dcc0c6
```
#dcc0c6 rgb(220,192,198)
```

Split Complementary Color

#d4dcc0
```
#d4dcc0 rgb(212,220,192)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#dcc0d4
```
#dcc0d4 rgb(220,192,212)
```

Triadic Color

#c0dcc8
```
#c0dcc8 rgb(192,220,200)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#dcc0d4
```
#dcc0d4 rgb(220,192,212)
```
#dcc8c0
```
#dcc8c0 rgb(220,200,192)
```

Tetradic Color

#8fb2c1
```
#8fb2c1 rgb(143,178,193)
```
#9fbeca
```
#9fbeca rgb(159,190,202)
```
#b0c9d3
```
#b0c9d3 rgb(176,201,211)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#d0dfe5
```
#d0dfe5 rgb(208,223,229)
```
#e1eaee
```
#e1eaee rgb(225,234,238)
```
#f1f6f7
```
#f1f6f7 rgb(241,246,247)
```

Monochromatic Color

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

#c0dbdc
```
#c0dbdc rgb(192,219,220)
```
#c0d9dc
```
#c0d9dc rgb(192,217,220)
```
#c0d6dc
```
#c0d6dc rgb(192,214,220)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#c0d2dc
```
#c0d2dc rgb(192,210,220)
```
#c0cfdc
```
#c0cfdc rgb(192,207,220)
```
#c0cddc
```
#c0cddc rgb(192,205,220)
```

Similar Colors

Text with hexadecimal color #c0d4dc

This text has a font color of #c0d4dc.

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

#c0d4dc background color

This paragraph has a background color of #c0d4dc.

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

#c0d4dc border color

This element has a border color of #c0d4dc.

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

CSS codes

.text {color:#c0d4dc;}

.background {background-color:#c0d4dc;}

.border {border:1px solid #c0d4dc;}

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0e1619
```
#0e1619 rgb(14,22,25)
```
#152126
```
#152126 rgb(21,33,38)
```
#1c2c32
```
#1c2c32 rgb(28,44,50)
```
#23373f
```
#23373f rgb(35,55,63)
```
#2a424c
```
#2a424c rgb(42,66,76)
```
#314d58
```
#314d58 rgb(49,77,88)
```
#385865
```
#385865 rgb(56,88,101)
```
#3f6372
```
#3f6372 rgb(63,99,114)
```
#466e7e
```
#466e7e rgb(70,110,126)
```
#4d798b
```
#4d798b rgb(77,121,139)
```
#548497
```
#548497 rgb(84,132,151)
```

Shade Color Variation

#5b8fa4
```
#5b8fa4 rgb(91,143,164)
```
#6898ab
```
#6898ab rgb(104,152,171)
```
#74a0b2
```
#74a0b2 rgb(116,160,178)
```
#81a9b9
```
#81a9b9 rgb(129,169,185)
```
#8eb2c0
```
#8eb2c0 rgb(142,178,192)
```
#9abac7
```
#9abac7 rgb(154,186,199)
```
#a7c3ce
```
#a7c3ce rgb(167,195,206)
```
#b3cbd5
```
#b3cbd5 rgb(179,203,213)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#cddde3
```
#cddde3 rgb(205,221,227)
```
#d9e5ea
```
#d9e5ea rgb(217,229,234)
```
#e6eef1
```
#e6eef1 rgb(230,238,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #cbcfd1 is the less saturated color, while #9ee3fe is the most saturated one.

#cbcfd1
```
#cbcfd1 rgb(203,207,209)
```
#c8d1d4
```
#c8d1d4 rgb(200,209,212)
```
#c4d2d8
```
#c4d2d8 rgb(196,210,216)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#bcd6e0
```
#bcd6e0 rgb(188,214,224)
```
#b8d7e4
```
#b8d7e4 rgb(184,215,228)
```
#b5d9e7
```
#b5d9e7 rgb(181,217,231)
```
#b1daeb
```
#b1daeb rgb(177,218,235)
```
#addcef
```
#addcef rgb(173,220,239)
```
#a9def3
```
#a9def3 rgb(169,222,243)
```
#a6dff6
```
#a6dff6 rgb(166,223,246)
```
#a2e1fa
```
#a2e1fa rgb(162,225,250)
```
#9ee3fe
```
#9ee3fe rgb(158,227,254)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ccd0d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d1db Protanopia 1% of men
#dfcde0 Deuteranopia 1% of men
#c4d5e4 Tritanopia 0.001% of the population

Trichromacy

#ccd2db Protanomaly 1% of men, 0.01% of women
#d4cfdf Deuteranomaly 6% of men, 0.4% of women
#c2d4e1 Tritanomaly 0.01% of the population

#c0d4dc hex color

#c0d4dc Color Information

#c0d4dc Color Conversion

Color Schemes with #c0d4dc

Alternatives to #c0d4dc

#c0d4dc Preview

Shades and Tints of #c0d4dc

Tones of #c0d4dc

Color Blindness Simulator