#c5d4f7 hex color

In a RGB color space, hex #c5d4f7 is composed of 77.3% red, 83.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 14.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 222 degrees, a saturation of 75.8% and a lightness of 87.1%. #c5d4f7 color hex could be obtained by blending #ffffff with #8ba9ef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 83
- B 97
RGB color chart
- C 20
- M 14
- Y 0
- K 3
CMYK color chart

● #c5d4f7 color description : Very soft blue.

The hexadecimal color #c5d4f7 has RGB values of R:197, G:212, B:247 and CMYK values of C:0.2, M:0.14, Y:0, K:0.03. Its decimal value is 12965111.

Hex triplet	c5d4f7	`#c5d4f7`
RGB Decimal	197, 212, 247	`rgb(197,212,247)`
RGB Percent	77.3, 83.1, 96.9	`rgb(77.3%,83.1%,96.9%)`
CMYK	20, 14, 0, 3
HSL	222°, 75.8, 87.1	`hsl(222,75.8%,87.1%)`
HSV (or HSB)	222°, 20.2, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.829, 2.161, -18.817
XYZ	63.355, 65.672, 97.329
xyY	0.28, 0.29, 65.672
CIE-LCH	84.829, 18.94, 276.55
CIE-LUV	84.829, -9.683, -30.21
Hunter-Lab	81.038, -2.268, -14.482
Binary	11000101, 11010100, 11110111

#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#f7e8c5
```
#f7e8c5 rgb(247,232,197)
```

Complementary Color

#c5edf7
```
#c5edf7 rgb(197,237,247)
```
#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#cfc5f7
```
#cfc5f7 rgb(207,197,247)
```

Analogous Color

#edf7c5
```
#edf7c5 rgb(237,247,197)
```
#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#f7cfc5
```
#f7cfc5 rgb(247,207,197)
```

Split Complementary Color

#d4f7c5
```
#d4f7c5 rgb(212,247,197)
```
#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#f7c5d4
```
#f7c5d4 rgb(247,197,212)
```

Triadic Color

#c5f7e8
```
#c5f7e8 rgb(197,247,232)
```
#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#f7c5d4
```
#f7c5d4 rgb(247,197,212)
```
#f7e8c5
```
#f7e8c5 rgb(247,232,197)
```

Tetradic Color

#82a2ee
```
#82a2ee rgb(130,162,238)
```
#98b3f1
```
#98b3f1 rgb(152,179,241)
```
#afc3f4
```
#afc3f4 rgb(175,195,244)
```
#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#dbe5fa
```
#dbe5fa rgb(219,229,250)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c5e1f7
```
#c5e1f7 rgb(197,225,247)
```
#c5dcf7
```
#c5dcf7 rgb(197,220,247)
```
#c5d8f7
```
#c5d8f7 rgb(197,216,247)
```
#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#c5d0f7
```
#c5d0f7 rgb(197,208,247)
```
#c5ccf7
```
#c5ccf7 rgb(197,204,247)
```
#c5c8f7
```
#c5c8f7 rgb(197,200,247)
```

Similar Colors

Text with hexadecimal color #c5d4f7

This text has a font color of #c5d4f7.

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

#c5d4f7 background color

This paragraph has a background color of #c5d4f7.

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

#c5d4f7 border color

This element has a border color of #c5d4f7.

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

CSS codes

.text {color:#c5d4f7;}

.background {background-color:#c5d4f7;}

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

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, #02040b is the darkest color, while #f9fafe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#040b1c
```
#040b1c rgb(4,11,28)
```
#06122d
```
#06122d rgb(6,18,45)
```
#09193f
```
#09193f rgb(9,25,63)
```
#0b2050
```
#0b2050 rgb(11,32,80)
```
#0d2761
```
#0d2761 rgb(13,39,97)
```
#102d72
```
#102d72 rgb(16,45,114)
```
#123484
```
#123484 rgb(18,52,132)
```
#153b95
```
#153b95 rgb(21,59,149)
```
#1742a6
```
#1742a6 rgb(23,66,166)
```
#1949b7
```
#1949b7 rgb(25,73,183)
```
#1c50c9
```
#1c50c9 rgb(28,80,201)
```
#1e56da
```
#1e56da rgb(30,86,218)
```

Shade Color Variation

#2a61e2
```
#2a61e2 rgb(42,97,226)
```
#3b6ee4
```
#3b6ee4 rgb(59,110,228)
```
#4c7be6
```
#4c7be6 rgb(76,123,230)
```
#5e87e9
```
#5e87e9 rgb(94,135,233)
```
#6f94eb
```
#6f94eb rgb(111,148,235)
```
#80a1ed
```
#80a1ed rgb(128,161,237)
```
#91aef0
```
#91aef0 rgb(145,174,240)
```
#a3baf2
```
#a3baf2 rgb(163,186,242)
```
#b4c7f5
```
#b4c7f5 rgb(180,199,245)
```
#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#d6e1f9
```
#d6e1f9 rgb(214,225,249)
```
#e7eefc
```
#e7eefc rgb(231,238,252)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#dcdde0
```
#dcdde0 rgb(220,221,224)
```
#d9dce3
```
#d9dce3 rgb(217,220,227)
```
#d7dbe5
```
#d7dbe5 rgb(215,219,229)
```
#d4dae8
```
#d4dae8 rgb(212,218,232)
```
#d2d9ea
```
#d2d9ea rgb(210,217,234)
```
#cfd8ed
```
#cfd8ed rgb(207,216,237)
```
#cdd7ef
```
#cdd7ef rgb(205,215,239)
```
#cad6f2
```
#cad6f2 rgb(202,214,242)
```
#c8d5f4
```
#c8d5f4 rgb(200,213,244)
```
#c5d4f7
```
#c5d4f7 rgb(197,212,247)
```
#c2d3fa
```
#c2d3fa rgb(194,211,250)
```
#c0d2fc
```
#c0d2fc rgb(192,210,252)
```
#bdd1ff
```
#bdd1ff rgb(189,209,255)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d1d4db Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd4f6 Protanopia 1% of men
#d7d1f9 Deuteranopia 1% of men
#c4d8e8 Tritanopia 0.001% of the population

Trichromacy

#cbd4f6 Protanomaly 1% of men, 0.01% of women
#d1d2f8 Deuteranomaly 6% of men, 0.4% of women
#c4d7ed Tritanomaly 0.01% of the population

#c5d4f7 hex color

#c5d4f7 Color Information

#c5d4f7 Color Conversion

Color Schemes with #c5d4f7

Alternatives to #c5d4f7

#c5d4f7 Preview

Shades and Tints of #c5d4f7

Tones of #c5d4f7

Color Blindness Simulator