#c5d7f4 hex color

In a RGB color space, hex #c5d7f4 is composed of 77.3% red, 84.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 11.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 217 degrees, a saturation of 68.1% and a lightness of 86.5%. #c5d7f4 color hex could be obtained by blending #ffffff with #8bafe9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 84
- B 96
RGB color chart
- C 19
- M 12
- Y 0
- K 4
CMYK color chart

● #c5d7f4 color description : Light grayish blue.

The hexadecimal color #c5d7f4 has RGB values of R:197, G:215, B:244 and CMYK values of C:0.19, M:0.12, Y:0, K:0.04. Its decimal value is 12965876.

Hex triplet	c5d7f4	`#c5d7f4`
RGB Decimal	197, 215, 244	`rgb(197,215,244)`
RGB Percent	77.3, 84.3, 95.7	`rgb(77.3%,84.3%,95.7%)`
CMYK	19, 12, 0, 4
HSL	217°, 68.1, 86.5	`hsl(217,68.1%,86.5%)`
HSV (or HSB)	217°, 19.3, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.505, -0.071, -16.211
XYZ	63.652, 67.002, 95.162
xyY	0.282, 0.297, 67.002
CIE-LCH	85.505, 16.211, 269.749
CIE-LUV	85.505, -10.917, -25.601
Hunter-Lab	81.855, -4.44, -11.631
Binary	11000101, 11010111, 11110100

#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#f4e2c5
```
#f4e2c5 rgb(244,226,197)
```

Complementary Color

#c5eff4
```
#c5eff4 rgb(197,239,244)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#cbc5f4
```
#cbc5f4 rgb(203,197,244)
```

Analogous Color

#eff4c5
```
#eff4c5 rgb(239,244,197)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#f4cbc5
```
#f4cbc5 rgb(244,203,197)
```

Split Complementary Color

#d7f4c5
```
#d7f4c5 rgb(215,244,197)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#f4c5d7
```
#f4c5d7 rgb(244,197,215)
```

Triadic Color

#c5f4e2
```
#c5f4e2 rgb(197,244,226)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#f4c5d7
```
#f4c5d7 rgb(244,197,215)
```
#f4e2c5
```
#f4e2c5 rgb(244,226,197)
```

Tetradic Color

#85abe8
```
#85abe8 rgb(133,171,232)
```
#9ab9ec
```
#9ab9ec rgb(154,185,236)
```
#b0c8f0
```
#b0c8f0 rgb(176,200,240)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#dae6f8
```
#dae6f8 rgb(218,230,248)
```
#f0f5fc
```
#f0f5fc rgb(240,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c5e3f4
```
#c5e3f4 rgb(197,227,244)
```
#c5dff4
```
#c5dff4 rgb(197,223,244)
```
#c5dbf4
```
#c5dbf4 rgb(197,219,244)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#c5d3f4
```
#c5d3f4 rgb(197,211,244)
```
#c5cff4
```
#c5cff4 rgb(197,207,244)
```
#c5cbf4
```
#c5cbf4 rgb(197,203,244)
```

Similar Colors

Text with hexadecimal color #c5d7f4

This text has a font color of #c5d7f4.

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

#c5d7f4 background color

This paragraph has a background color of #c5d7f4.

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

#c5d7f4 border color

This element has a border color of #c5d7f4.

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

CSS codes

.text {color:#c5d7f4;}

.background {background-color:#c5d7f4;}

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050c18
```
#050c18 rgb(5,12,24)
```
#081429
```
#081429 rgb(8,20,41)
```
#0b1d39
```
#0b1d39 rgb(11,29,57)
```
#0e254a
```
#0e254a rgb(14,37,74)
```
#112d5a
```
#112d5a rgb(17,45,90)
```
#14356b
```
#14356b rgb(20,53,107)
```
#173e7b
```
#173e7b rgb(23,62,123)
```
#1b468c
```
#1b468c rgb(27,70,140)
```
#1e4e9c
```
#1e4e9c rgb(30,78,156)
```
#2156ad
```
#2156ad rgb(33,86,173)
```
#245fbd
```
#245fbd rgb(36,95,189)
```
#2767ce
```
#2767ce rgb(39,103,206)
```

Shade Color Variation

#3171d8
```
#3171d8 rgb(49,113,216)
```
#417cdb
```
#417cdb rgb(65,124,219)
```
#5287de
```
#5287de rgb(82,135,222)
```
#6293e1
```
#6293e1 rgb(98,147,225)
```
#739ee4
```
#739ee4 rgb(115,158,228)
```
#83aae7
```
#83aae7 rgb(131,170,231)
```
#94b5eb
```
#94b5eb rgb(148,181,235)
```
#a4c0ee
```
#a4c0ee rgb(164,192,238)
```
#b5ccf1
```
#b5ccf1 rgb(181,204,241)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#d5e2f7
```
#d5e2f7 rgb(213,226,247)
```
#e6eefa
```
#e6eefa rgb(230,238,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#dadcdf
```
#dadcdf rgb(218,220,223)
```
#d8dbe1
```
#d8dbe1 rgb(216,219,225)
```
#d5dbe4
```
#d5dbe4 rgb(213,219,228)
```
#d2dae7
```
#d2dae7 rgb(210,218,231)
```
#d0d9e9
```
#d0d9e9 rgb(208,217,233)
```
#cdd9ec
```
#cdd9ec rgb(205,217,236)
```
#cad8ef
```
#cad8ef rgb(202,216,239)
```
#c8d8f1
```
#c8d8f1 rgb(200,216,241)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#c2d6f7
```
#c2d6f7 rgb(194,214,247)
```
#c0d6f9
```
#c0d6f9 rgb(192,214,249)
```
#bdd5fc
```
#bdd5fc rgb(189,213,252)
```
#bad5ff
```
#bad5ff rgb(186,213,255)
```

Tone Color Variation

Below, you can see how #c5d7f4 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
#d2d5db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d6f2 Protanopia 1% of men
#dcd2f6 Deuteranopia 1% of men
#c5daea Tritanopia 0.001% of the population

Trichromacy

#cdd6f3 Protanomaly 1% of men, 0.01% of women
#d3d4f5 Deuteranomaly 6% of men, 0.4% of women
#c5d9ed Tritanomaly 0.01% of the population

#c5d7f4 hex color

#c5d7f4 Color Information

#c5d7f4 Color Conversion

Color Schemes with #c5d7f4

Alternatives to #c5d7f4

#c5d7f4 Preview

Shades and Tints of #c5d7f4

Tones of #c5d7f4

Color Blindness Simulator