#c5d8f0 hex color

In a RGB color space, hex #c5d8f0 is composed of 77.3% red, 84.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 10% magenta, 0% yellow and 5.9% black. It has a hue angle of 213.5 degrees, a saturation of 58.9% and a lightness of 85.7%. #c5d8f0 color hex could be obtained by blending #ffffff with #8bb1e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 85
- B 94
RGB color chart
- C 18
- M 10
- Y 0
- K 6
CMYK color chart

● #c5d8f0 color description : Light grayish blue.

The hexadecimal color #c5d8f0 has RGB values of R:197, G:216, B:240 and CMYK values of C:0.18, M:0.1, Y:0, K:0.06. Its decimal value is 12966128.

Hex triplet	c5d8f0	`#c5d8f0`
RGB Decimal	197, 216, 240	`rgb(197,216,240)`
RGB Percent	77.3, 84.7, 94.1	`rgb(77.3%,84.7%,94.1%)`
CMYK	18, 10, 0, 6
HSL	213.5°, 58.9, 85.7	`hsl(213.5,58.9%,85.7%)`
HSV (or HSB)	213.5°, 17.9, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.641, -1.452, -13.89
XYZ	63.307, 67.272, 92.083
xyY	0.284, 0.302, 67.272
CIE-LCH	85.641, 13.966, 264.033
CIE-LUV	85.641, -11.217, -21.601
Hunter-Lab	82.02, -5.76, -9.151
Binary	11000101, 11011000, 11110000

#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#f0ddc5
```
#f0ddc5 rgb(240,221,197)
```

Complementary Color

#c5eef0
```
#c5eef0 rgb(197,238,240)
```
#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#c8c5f0
```
#c8c5f0 rgb(200,197,240)
```

Analogous Color

#eef0c5
```
#eef0c5 rgb(238,240,197)
```
#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#f0c8c5
```
#f0c8c5 rgb(240,200,197)
```

Split Complementary Color

#d8f0c5
```
#d8f0c5 rgb(216,240,197)
```
#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#f0c5d8
```
#f0c5d8 rgb(240,197,216)
```

Triadic Color

#c5f0dd
```
#c5f0dd rgb(197,240,221)
```
#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#f0c5d8
```
#f0c5d8 rgb(240,197,216)
```
#f0ddc5
```
#f0ddc5 rgb(240,221,197)
```

Tetradic Color

#88afe0
```
#88afe0 rgb(136,175,224)
```
#9cbde6
```
#9cbde6 rgb(156,189,230)
```
#b1caeb
```
#b1caeb rgb(177,202,235)
```
#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#d9e6f5
```
#d9e6f5 rgb(217,230,245)
```
#eef3fa
```
#eef3fa rgb(238,243,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c5e3f0
```
#c5e3f0 rgb(197,227,240)
```
#c5dff0
```
#c5dff0 rgb(197,223,240)
```
#c5dcf0
```
#c5dcf0 rgb(197,220,240)
```
#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#c5d4f0
```
#c5d4f0 rgb(197,212,240)
```
#c5d1f0
```
#c5d1f0 rgb(197,209,240)
```
#c5cdf0
```
#c5cdf0 rgb(197,205,240)
```

Similar Colors

Text with hexadecimal color #c5d8f0

This text has a font color of #c5d8f0.

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

#c5d8f0 background color

This paragraph has a background color of #c5d8f0.

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

#c5d8f0 border color

This element has a border color of #c5d8f0.

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

CSS codes

.text {color:#c5d8f0;}

.background {background-color:#c5d8f0;}

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050c14
```
#050c14 rgb(5,12,20)
```
#091524
```
#091524 rgb(9,21,36)
```
#0d1e33
```
#0d1e33 rgb(13,30,51)
```
#112743
```
#112743 rgb(17,39,67)
```
#153052
```
#153052 rgb(21,48,82)
```
#193962
```
#193962 rgb(25,57,98)
```
#1d4271
```
#1d4271 rgb(29,66,113)
```
#214c81
```
#214c81 rgb(33,76,129)
```
#255591
```
#255591 rgb(37,85,145)
```
#295ea0
```
#295ea0 rgb(41,94,160)
```
#2d67b0
```
#2d67b0 rgb(45,103,176)
```
#3170bf
```
#3170bf rgb(49,112,191)
```

Shade Color Variation

#397acc
```
#397acc rgb(57,122,204)
```
#4884d0
```
#4884d0 rgb(72,132,208)
```
#588fd4
```
#588fd4 rgb(88,143,212)
```
#6799d8
```
#6799d8 rgb(103,153,216)
```
#77a4dc
```
#77a4dc rgb(119,164,220)
```
#87aee0
```
#87aee0 rgb(135,174,224)
```
#96b9e4
```
#96b9e4 rgb(150,185,228)
```
#a6c3e8
```
#a6c3e8 rgb(166,195,232)
```
#b5ceec
```
#b5ceec rgb(181,206,236)
```
#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#d5e2f4
```
#d5e2f4 rgb(213,226,244)
```
#e4edf8
```
#e4edf8 rgb(228,237,248)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

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

#d9dadc
```
#d9dadc rgb(217,218,220)
```
#d6dadf
```
#d6dadf rgb(214,218,223)
```
#d3dae2
```
#d3dae2 rgb(211,218,226)
```
#d0d9e5
```
#d0d9e5 rgb(208,217,229)
```
#cdd9e8
```
#cdd9e8 rgb(205,217,232)
```
#cbd9ea
```
#cbd9ea rgb(203,217,234)
```
#c8d8ed
```
#c8d8ed rgb(200,216,237)
```
#c5d8f0
```
#c5d8f0 rgb(197,216,240)
```
#c2d8f3
```
#c2d8f3 rgb(194,216,243)
```
#bfd7f6
```
#bfd7f6 rgb(191,215,246)
```
#bdd7f8
```
#bdd7f8 rgb(189,215,248)
```
#bad7fb
```
#bad7fb rgb(186,215,251)
```
#b7d6fe
```
#b7d6fe rgb(183,214,254)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d2d6da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d6ee Protanopia 1% of men
#ded3f3 Deuteranopia 1% of men
#c6dbea Tritanopia 0.001% of the population

Trichromacy

#cfd7ef Protanomaly 1% of men, 0.01% of women
#d5d4f1 Deuteranomaly 6% of men, 0.4% of women
#c6d9ec Tritanomaly 0.01% of the population

#c5d8f0 hex color

#c5d8f0 Color Information

#c5d8f0 Color Conversion

Color Schemes with #c5d8f0

Alternatives to #c5d8f0

#c5d8f0 Preview

Shades and Tints of #c5d8f0

Tones of #c5d8f0

Color Blindness Simulator