#c5d8e2 hex color

In a RGB color space, hex #c5d8e2 is composed of 77.3% red, 84.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 4.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 200.7 degrees, a saturation of 33.3% and a lightness of 82.9%. #c5d8e2 color hex could be obtained by blending #ffffff with #8bb1c5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 77
- G 85
- B 89
RGB color chart
- C 13
- M 4
- Y 0
- K 11
CMYK color chart

● #c5d8e2 color description : Light grayish blue.

The hexadecimal color #c5d8e2 has RGB values of R:197, G:216, B:226 and CMYK values of C:0.13, M:0.04, Y:0, K:0.11. Its decimal value is 12966114.

Hex triplet	c5d8e2	`#c5d8e2`
RGB Decimal	197, 216, 226	`rgb(197,216,226)`
RGB Percent	77.3, 84.7, 88.6	`rgb(77.3%,84.7%,88.6%)`
CMYK	13, 4, 0, 11
HSL	200.7°, 33.3, 82.9	`hsl(200.7,33.3%,82.9%)`
HSV (or HSB)	200.7°, 12.8, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.237, -4.356, -7.081
XYZ	61.306, 66.472, 81.548
xyY	0.293, 0.318, 66.472
CIE-LCH	85.237, 8.314, 238.4
CIE-LUV	85.237, -10.686, -10.211
Hunter-Lab	81.53, -8.456, -2.231
Binary	11000101, 11011000, 11100010

#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#e2cfc5
```
#e2cfc5 rgb(226,207,197)
```

Complementary Color

#c5e2de
```
#c5e2de rgb(197,226,222)
```
#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#c5cae2
```
#c5cae2 rgb(197,202,226)
```

Analogous Color

#e2dec5
```
#e2dec5 rgb(226,222,197)
```
#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#e2c5ca
```
#e2c5ca rgb(226,197,202)
```

Split Complementary Color

#d8e2c5
```
#d8e2c5 rgb(216,226,197)
```
#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#e2c5d8
```
#e2c5d8 rgb(226,197,216)
```

Triadic Color

#c5e2cf
```
#c5e2cf rgb(197,226,207)
```
#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#e2c5d8
```
#e2c5d8 rgb(226,197,216)
```
#e2cfc5
```
#e2cfc5 rgb(226,207,197)
```

Tetradic Color

#92b6c9
```
#92b6c9 rgb(146,182,201)
```
#a3c1d1
```
#a3c1d1 rgb(163,193,209)
```
#b4cdda
```
#b4cdda rgb(180,205,218)
```
#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#d6e3eb
```
#d6e3eb rgb(214,227,235)
```
#e7eff3
```
#e7eff3 rgb(231,239,243)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Monochromatic Color

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

#c5dfe2
```
#c5dfe2 rgb(197,223,226)
```
#c5dde2
```
#c5dde2 rgb(197,221,226)
```
#c5dae2
```
#c5dae2 rgb(197,218,226)
```
#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#c5d6e2
```
#c5d6e2 rgb(197,214,226)
```
#c5d3e2
```
#c5d3e2 rgb(197,211,226)
```
#c5d1e2
```
#c5d1e2 rgb(197,209,226)
```

Similar Colors

Text with hexadecimal color #c5d8e2

This text has a font color of #c5d8e2.

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

#c5d8e2 background color

This paragraph has a background color of #c5d8e2.

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

#c5d8e2 border color

This element has a border color of #c5d8e2.

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

CSS codes

.text {color:#c5d8e2;}

.background {background-color:#c5d8e2;}

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0a1114
```
#0a1114 rgb(10,17,20)
```
#111c22
```
#111c22 rgb(17,28,34)
```
#17272f
```
#17272f rgb(23,39,47)
```
#1e313c
```
#1e313c rgb(30,49,60)
```
#243c49
```
#243c49 rgb(36,60,73)
```
#2b4756
```
#2b4756 rgb(43,71,86)
```
#315263
```
#315263 rgb(49,82,99)
```
#385d70
```
#385d70 rgb(56,93,112)
```
#3f687d
```
#3f687d rgb(63,104,125)
```
#45728a
```
#45728a rgb(69,114,138)
```
#4c7d97
```
#4c7d97 rgb(76,125,151)
```
#5288a4
```
#5288a4 rgb(82,136,164)
```

Shade Color Variation

#5c92ae
```
#5c92ae rgb(92,146,174)
```
#699ab4
```
#699ab4 rgb(105,154,180)
```
#77a3bb
```
#77a3bb rgb(119,163,187)
```
#84acc1
```
#84acc1 rgb(132,172,193)
```
#91b5c8
```
#91b5c8 rgb(145,181,200)
```
#9ebece
```
#9ebece rgb(158,190,206)
```
#abc6d5
```
#abc6d5 rgb(171,198,213)
```
#b8cfdb
```
#b8cfdb rgb(184,207,219)
```
#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#d2e1e9
```
#d2e1e9 rgb(210,225,233)
```
#dfeaef
```
#dfeaef rgb(223,234,239)
```
#ecf2f6
```
#ecf2f6 rgb(236,242,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#d2d4d5
```
#d2d4d5 rgb(210,212,213)
```
#cfd5d8
```
#cfd5d8 rgb(207,213,216)
```
#ccd6db
```
#ccd6db rgb(204,214,219)
```
#c8d7df
```
#c8d7df rgb(200,215,223)
```
#c5d8e2
```
#c5d8e2 rgb(197,216,226)
```
#c2d9e5
```
#c2d9e5 rgb(194,217,229)
```
#bedae9
```
#bedae9 rgb(190,218,233)
```
#bbdbec
```
#bbdbec rgb(187,219,236)
```
#b8dcef
```
#b8dcef rgb(184,220,239)
```
#b4ddf3
```
#b4ddf3 rgb(180,221,243)
```
#b1def6
```
#b1def6 rgb(177,222,246)
```
#aedff9
```
#aedff9 rgb(174,223,249)
```
#aae0fd
```
#aae0fd rgb(170,224,253)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d0d4d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d5e1 Protanopia 1% of men
#e3d1e6 Deuteranopia 1% of men
#c9d9e8 Tritanopia 0.001% of the population

Trichromacy

#d0d6e1 Protanomaly 1% of men, 0.01% of women
#d8d3e4 Deuteranomaly 6% of men, 0.4% of women
#c7d8e6 Tritanomaly 0.01% of the population

#c5d8e2 hex color

#c5d8e2 Color Information

#c5d8e2 Color Conversion

Color Schemes with #c5d8e2

Alternatives to #c5d8e2

#c5d8e2 Preview

Shades and Tints of #c5d8e2

Tones of #c5d8e2

Color Blindness Simulator