#c5d7dd hex color

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

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

● #c5d7dd color description : Light grayish blue.

The hexadecimal color #c5d7dd has RGB values of R:197, G:215, B:221 and CMYK values of C:0.11, M:0.03, Y:0, K:0.13. Its decimal value is 12965853.

Hex triplet	c5d7dd	`#c5d7dd`
RGB Decimal	197, 215, 221	`rgb(197,215,221)`
RGB Percent	77.3, 84.3, 86.7	`rgb(77.3%,84.3%,86.7%)`
CMYK	11, 3, 0, 13
HSL	195°, 26.1, 82	`hsl(195,26.1%,82%)`
HSV (or HSB)	195°, 10.9, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.838, -4.839, -5.019
XYZ	60.375, 65.691, 77.901
xyY	0.296, 0.322, 65.691
CIE-LCH	84.838, 6.972, 226.045
CIE-LUV	84.838, -10.021, -6.889
Hunter-Lab	81.05, -8.871, -0.252
Binary	11000101, 11010111, 11011101

#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#ddcbc5
```
#ddcbc5 rgb(221,203,197)
```

Complementary Color

#c5ddd7
```
#c5ddd7 rgb(197,221,215)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#c5cbdd
```
#c5cbdd rgb(197,203,221)
```

Analogous Color

#ddd7c5
```
#ddd7c5 rgb(221,215,197)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#ddc5cb
```
#ddc5cb rgb(221,197,203)
```

Split Complementary Color

#d7ddc5
```
#d7ddc5 rgb(215,221,197)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#ddc5d7
```
#ddc5d7 rgb(221,197,215)
```

Triadic Color

#c5ddcb
```
#c5ddcb rgb(197,221,203)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#ddc5d7
```
#ddc5d7 rgb(221,197,215)
```
#ddcbc5
```
#ddcbc5 rgb(221,203,197)
```

Tetradic Color

#95b6c1
```
#95b6c1 rgb(149,182,193)
```
#a5c1ca
```
#a5c1ca rgb(165,193,202)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#d5e2e6
```
#d5e2e6 rgb(213,226,230)
```
#e5edf0
```
#e5edf0 rgb(229,237,240)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Monochromatic Color

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

#c5dddd
```
#c5dddd rgb(197,221,221)
```
#c5dbdd
```
#c5dbdd rgb(197,219,221)
```
#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)
```

Similar Colors

Text with hexadecimal color #c5d7dd

This text has a font color of #c5d7dd.

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

#c5d7dd background color

This paragraph has a background color of #c5d7dd.

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

#c5d7dd border color

This element has a border color of #c5d7dd.

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

CSS codes

.text {color:#c5d7dd;}

.background {background-color:#c5d7dd;}

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

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)
```
#090f10
```
#090f10 rgb(9,15,16)
```
#111a1d
```
#111a1d rgb(17,26,29)
```
#182529
```
#182529 rgb(24,37,41)
```
#1f3035
```
#1f3035 rgb(31,48,53)
```
#263b42
```
#263b42 rgb(38,59,66)
```
#2e464e
```
#2e464e rgb(46,70,78)
```
#35515a
```
#35515a rgb(53,81,90)
```
#3c5c67
```
#3c5c67 rgb(60,92,103)
```
#436773
```
#436773 rgb(67,103,115)
```
#4b727f
```
#4b727f rgb(75,114,127)
```
#527d8c
```
#527d8c rgb(82,125,140)
```
#598898
```
#598898 rgb(89,136,152)
```

Shade Color Variation

#6293a3
```
#6293a3 rgb(98,147,163)
```
#6e9baa
```
#6e9baa rgb(110,155,170)
```
#7ba4b2
```
#7ba4b2 rgb(123,164,178)
```
#87acb9
```
#87acb9 rgb(135,172,185)
```
#94b5c0
```
#94b5c0 rgb(148,181,192)
```
#a0bdc7
```
#a0bdc7 rgb(160,189,199)
```
#acc6cf
```
#acc6cf rgb(172,198,207)
```
#b9ced6
```
#b9ced6 rgb(185,206,214)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#d1e0e4
```
#d1e0e4 rgb(209,224,228)
```
#dee8eb
```
#dee8eb rgb(222,232,235)
```
#eaf1f3
```
#eaf1f3 rgb(234,241,243)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#d0d2d2
```
#d0d2d2 rgb(208,210,210)
```
#ccd3d6
```
#ccd3d6 rgb(204,211,214)
```
#c9d5d9
```
#c9d5d9 rgb(201,213,217)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#c1d9e1
```
#c1d9e1 rgb(193,217,225)
```
#bedbe4
```
#bedbe4 rgb(190,219,228)
```
#badce8
```
#badce8 rgb(186,220,232)
```
#b7deeb
```
#b7deeb rgb(183,222,235)
```
#b3e0ef
```
#b3e0ef rgb(179,224,239)
```
#b0e2f2
```
#b0e2f2 rgb(176,226,242)
```
#ace3f6
```
#ace3f6 rgb(172,227,246)
```
#a9e5f9
```
#a9e5f9 rgb(169,229,249)
```
#a5e7fd
```
#a5e7fd rgb(165,231,253)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cfd3d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d4dc Protanopia 1% of men
#e4d0e1 Deuteranopia 1% of men
#c9d7e7 Tritanopia 0.001% of the population

Trichromacy

#d0d5dc Protanomaly 1% of men, 0.01% of women
#d8d2df Deuteranomaly 6% of men, 0.4% of women
#c8d7e3 Tritanomaly 0.01% of the population

#c5d7dd hex color

#c5d7dd Color Information

#c5d7dd Color Conversion

Color Schemes with #c5d7dd

Alternatives to #c5d7dd

#c5d7dd Preview

Shades and Tints of #c5d7dd

Tones of #c5d7dd

Color Blindness Simulator