#c5d3dd hex color

In a RGB color space, hex #c5d3dd is composed of 77.3% red, 82.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 4.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 205 degrees, a saturation of 26.1% and a lightness of 82%. #c5d3dd color hex could be obtained by blending #ffffff with #8ba7bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 77
- G 83
- B 87
RGB color chart
- C 11
- M 5
- Y 0
- K 13
CMYK color chart

● #c5d3dd color description : Light grayish blue.

The hexadecimal color #c5d3dd has RGB values of R:197, G:211, B:221 and CMYK values of C:0.11, M:0.05, Y:0, K:0.13. Its decimal value is 12964829.

Hex triplet	c5d3dd	`#c5d3dd`
RGB Decimal	197, 211, 221	`rgb(197,211,221)`
RGB Percent	77.3, 82.7, 86.7	`rgb(77.3%,82.7%,86.7%)`
CMYK	11, 5, 0, 13
HSL	205°, 26.1, 82	`hsl(205,26.1%,82%)`
HSV (or HSB)	205°, 10.9, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.798, -2.756, -6.556
XYZ	59.369, 63.679, 77.566
xyY	0.296, 0.317, 63.679
CIE-LCH	83.798, 7.112, 247.198
CIE-LUV	83.798, -8.105, -9.628
Hunter-Lab	79.799, -6.848, -1.772
Binary	11000101, 11010011, 11011101

#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#ddcfc5
```
#ddcfc5 rgb(221,207,197)
```

Complementary Color

#c5dddb
```
#c5dddb rgb(197,221,219)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#c5c7dd
```
#c5c7dd rgb(197,199,221)
```

Analogous Color

#dddbc5
```
#dddbc5 rgb(221,219,197)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#ddc5c7
```
#ddc5c7 rgb(221,197,199)
```

Split Complementary Color

#d3ddc5
```
#d3ddc5 rgb(211,221,197)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#ddc5d3
```
#ddc5d3 rgb(221,197,211)
```

Triadic Color

#c5ddcf
```
#c5ddcf rgb(197,221,207)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#ddc5d3
```
#ddc5d3 rgb(221,197,211)
```
#ddcfc5
```
#ddcfc5 rgb(221,207,197)
```

Tetradic Color

#95aec1
```
#95aec1 rgb(149,174,193)
```
#a5bbca
```
#a5bbca rgb(165,187,202)
```
#b5c7d4
```
#b5c7d4 rgb(181,199,212)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#d5dfe6
```
#d5dfe6 rgb(213,223,230)
```
#e5ebf0
```
#e5ebf0 rgb(229,235,240)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Monochromatic Color

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

#c5d9dd
```
#c5d9dd rgb(197,217,221)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#c5d5dd
```
#c5d5dd rgb(197,213,221)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#c5d1dd
```
#c5d1dd rgb(197,209,221)
```
#c5cfdd
```
#c5cfdd rgb(197,207,221)
```
#c5cddd
```
#c5cddd rgb(197,205,221)
```

Similar Colors

Text with hexadecimal color #c5d3dd

This text has a font color of #c5d3dd.

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

#c5d3dd background color

This paragraph has a background color of #c5d3dd.

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

#c5d3dd border color

This element has a border color of #c5d3dd.

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

CSS codes

.text {color:#c5d3dd;}

.background {background-color:#c5d3dd;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090d10
```
#090d10 rgb(9,13,16)
```
#11181d
```
#11181d rgb(17,24,29)
```
#182229
```
#182229 rgb(24,34,41)
```
#1f2c35
```
#1f2c35 rgb(31,44,53)
```
#263642
```
#263642 rgb(38,54,66)
```
#2e414e
```
#2e414e rgb(46,65,78)
```
#354b5a
```
#354b5a rgb(53,75,90)
```
#3c5567
```
#3c5567 rgb(60,85,103)
```
#435f73
```
#435f73 rgb(67,95,115)
```
#4b6a7f
```
#4b6a7f rgb(75,106,127)
```
#52748c
```
#52748c rgb(82,116,140)
```
#597e98
```
#597e98 rgb(89,126,152)
```

Shade Color Variation

#6288a3
```
#6288a3 rgb(98,136,163)
```
#6e91aa
```
#6e91aa rgb(110,145,170)
```
#7b9bb2
```
#7b9bb2 rgb(123,155,178)
```
#87a4b9
```
#87a4b9 rgb(135,164,185)
```
#94adc0
```
#94adc0 rgb(148,173,192)
```
#a0b7c7
```
#a0b7c7 rgb(160,183,199)
```
#acc0cf
```
#acc0cf rgb(172,192,207)
```
#b9cad6
```
#b9cad6 rgb(185,202,214)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#d1dce4
```
#d1dce4 rgb(209,220,228)
```
#dee6eb
```
#dee6eb rgb(222,230,235)
```
#eaeff3
```
#eaeff3 rgb(234,239,243)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#d0d1d2
```
#d0d1d2 rgb(208,209,210)
```
#ccd2d6
```
#ccd2d6 rgb(204,210,214)
```
#c9d2d9
```
#c9d2d9 rgb(201,210,217)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#c1d4e1
```
#c1d4e1 rgb(193,212,225)
```
#bed4e4
```
#bed4e4 rgb(190,212,228)
```
#bad5e8
```
#bad5e8 rgb(186,213,232)
```
#b7d5eb
```
#b7d5eb rgb(183,213,235)
```
#b3d6ef
```
#b3d6ef rgb(179,214,239)
```
#b0d7f2
```
#b0d7f2 rgb(176,215,242)
```
#acd7f6
```
#acd7f6 rgb(172,215,246)
```
#a9d8f9
```
#a9d8f9 rgb(169,216,249)
```
#a5d8fd
```
#a5d8fd rgb(165,216,253)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ced1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d2dd Protanopia 1% of men
#e0cde1 Deuteranopia 1% of men
#c9d4e3 Tritanopia 0.001% of the population

Trichromacy

#ced2dd Protanomaly 1% of men, 0.01% of women
#d6cfdf Deuteranomaly 6% of men, 0.4% of women
#c7d3e1 Tritanomaly 0.01% of the population

#c5d3dd hex color

#c5d3dd Color Information

#c5d3dd Color Conversion

Color Schemes with #c5d3dd

Alternatives to #c5d3dd

#c5d3dd Preview

Shades and Tints of #c5d3dd

Tones of #c5d3dd

Color Blindness Simulator