#c5d7de hex color

In a RGB color space, hex #c5d7de is composed of 77.3% red, 84.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 3.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 196.8 degrees, a saturation of 27.5% and a lightness of 82.2%. #c5d7de color hex could be obtained by blending #ffffff with #8bafbd. 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

● #c5d7de color description : Light grayish blue.

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

Hex triplet	c5d7de	`#c5d7de`
RGB Decimal	197, 215, 222	`rgb(197,215,222)`
RGB Percent	77.3, 84.3, 87.1	`rgb(77.3%,84.3%,87.1%)`
CMYK	11, 3, 0, 13
HSL	196.8°, 27.5, 82.2	`hsl(196.8,27.5%,82.2%)`
HSV (or HSB)	196.8°, 11.3, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.866, -4.64, -5.509
XYZ	60.508, 65.744, 78.605
xyY	0.295, 0.321, 65.744
CIE-LCH	84.866, 7.203, 229.893
CIE-LUV	84.866, -10.059, -7.688
Hunter-Lab	81.083, -8.689, -0.72
Binary	11000101, 11010111, 11011110

#c5d7de
```
#c5d7de rgb(197,215,222)
```
#deccc5
```
#deccc5 rgb(222,204,197)
```

Complementary Color

#c5ded9
```
#c5ded9 rgb(197,222,217)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#c5cbde
```
#c5cbde rgb(197,203,222)
```

Analogous Color

#ded9c5
```
#ded9c5 rgb(222,217,197)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#dec5cb
```
#dec5cb rgb(222,197,203)
```

Split Complementary Color

#d7dec5
```
#d7dec5 rgb(215,222,197)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#dec5d7
```
#dec5d7 rgb(222,197,215)
```

Triadic Color

#c5decc
```
#c5decc rgb(197,222,204)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#dec5d7
```
#dec5d7 rgb(222,197,215)
```
#deccc5
```
#deccc5 rgb(222,204,197)
```

Tetradic Color

#94b5c2
```
#94b5c2 rgb(148,181,194)
```
#a4c1cc
```
#a4c1cc rgb(164,193,204)
```
#b5ccd5
```
#b5ccd5 rgb(181,204,213)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#d5e2e7
```
#d5e2e7 rgb(213,226,231)
```
#e6edf0
```
#e6edf0 rgb(230,237,240)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Monochromatic Color

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

#c5ddde
```
#c5ddde rgb(197,221,222)
```
#c5dbde
```
#c5dbde rgb(197,219,222)
```
#c5d9de
```
#c5d9de rgb(197,217,222)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#c5d5de
```
#c5d5de rgb(197,213,222)
```
#c5d3de
```
#c5d3de rgb(197,211,222)
```
#c5d1de
```
#c5d1de rgb(197,209,222)
```

Similar Colors

Text with hexadecimal color #c5d7de

This text has a font color of #c5d7de.

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

#c5d7de background color

This paragraph has a background color of #c5d7de.

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

#c5d7de border color

This element has a border color of #c5d7de.

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

CSS codes

.text {color:#c5d7de;}

.background {background-color:#c5d7de;}

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f11
```
#0a0f11 rgb(10,15,17)
```
#111a1e
```
#111a1e rgb(17,26,30)
```
#18252a
```
#18252a rgb(24,37,42)
```
#1f3037
```
#1f3037 rgb(31,48,55)
```
#263b43
```
#263b43 rgb(38,59,67)
```
#2d4650
```
#2d4650 rgb(45,70,80)
```
#34515c
```
#34515c rgb(52,81,92)
```
#3b5c69
```
#3b5c69 rgb(59,92,105)
```
#436775
```
#436775 rgb(67,103,117)
```
#4a7282
```
#4a7282 rgb(74,114,130)
```
#517d8e
```
#517d8e rgb(81,125,142)
```
#58889b
```
#58889b rgb(88,136,155)
```

Shade Color Variation

#6192a5
```
#6192a5 rgb(97,146,165)
```
#6d9bac
```
#6d9bac rgb(109,155,172)
```
#7aa3b3
```
#7aa3b3 rgb(122,163,179)
```
#86acba
```
#86acba rgb(134,172,186)
```
#93b5c2
```
#93b5c2 rgb(147,181,194)
```
#9fbdc9
```
#9fbdc9 rgb(159,189,201)
```
#acc6d0
```
#acc6d0 rgb(172,198,208)
```
#b8ced7
```
#b8ced7 rgb(184,206,215)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#d2e0e5
```
#d2e0e5 rgb(210,224,229)
```
#dee8ec
```
#dee8ec rgb(222,232,236)
```
#ebf1f3
```
#ebf1f3 rgb(235,241,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

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

#d0d2d4
```
#d0d2d4 rgb(208,210,212)
```
#ccd4d7
```
#ccd4d7 rgb(204,212,215)
```
#c9d5db
```
#c9d5db rgb(201,213,219)
```
#c5d7de
```
#c5d7de rgb(197,215,222)
```
#c2d9e2
```
#c2d9e2 rgb(194,217,226)
```
#bedae5
```
#bedae5 rgb(190,218,229)
```
#bbdce9
```
#bbdce9 rgb(187,220,233)
```
#b7ddec
```
#b7ddec rgb(183,221,236)
```
#b4dff0
```
#b4dff0 rgb(180,223,240)
```
#b0e0f3
```
#b0e0f3 rgb(176,224,243)
```
#ade2f7
```
#ade2f7 rgb(173,226,247)
```
#a9e3fa
```
#a9e3fa rgb(169,227,250)
```
#a6e5fe
```
#a6e5fe rgb(166,229,254)
```

Tone Color Variation

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

#d7d4dd Protanopia 1% of men
#e4d0e2 Deuteranopia 1% of men
#c9d7e7 Tritanopia 0.001% of the population

Trichromacy

#d0d5dd Protanomaly 1% of men, 0.01% of women
#d8d2e0 Deuteranomaly 6% of men, 0.4% of women
#c7d7e3 Tritanomaly 0.01% of the population

#c5d7de hex color

#c5d7de Color Information

#c5d7de Color Conversion

Color Schemes with #c5d7de

Alternatives to #c5d7de

#c5d7de Preview

Shades and Tints of #c5d7de

Tones of #c5d7de

Color Blindness Simulator