#c4dae5 hex color

In a RGB color space, hex #c4dae5 is composed of 76.9% red, 85.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 4.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 200 degrees, a saturation of 38.8% and a lightness of 83.3%. #c4dae5 color hex could be obtained by blending #ffffff with #89b5cb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 77
- G 85
- B 90
RGB color chart
- C 14
- M 5
- Y 0
- K 10
CMYK color chart

● #c4dae5 color description : Light grayish blue.

The hexadecimal color #c4dae5 has RGB values of R:196, G:218, B:229 and CMYK values of C:0.14, M:0.05, Y:0, K:0.1. Its decimal value is 12901093.

Hex triplet	c4dae5	`#c4dae5`
RGB Decimal	196, 218, 229	`rgb(196,218,229)`
RGB Percent	76.9, 85.5, 89.8	`rgb(76.9%,85.5%,89.8%)`
CMYK	14, 5, 0, 10
HSL	200°, 38.8, 83.3	`hsl(200,38.8%,83.3%)`
HSV (or HSB)	200°, 14.4, 89.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.773, -5.101, -7.882
XYZ	61.976, 67.535, 83.895
xyY	0.29, 0.316, 67.535
CIE-LCH	85.773, 9.389, 237.087
CIE-LUV	85.773, -12.242, -11.364
Hunter-Lab	82.18, -9.197, -3.002
Binary	11000100, 11011010, 11100101

#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#e5cfc4
```
#e5cfc4 rgb(229,207,196)
```

Complementary Color

#c4e5e0
```
#c4e5e0 rgb(196,229,224)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#c4cae5
```
#c4cae5 rgb(196,202,229)
```

Analogous Color

#e5e0c4
```
#e5e0c4 rgb(229,224,196)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#e5c4ca
```
#e5c4ca rgb(229,196,202)
```

Split Complementary Color

#dae5c4
```
#dae5c4 rgb(218,229,196)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#e5c4da
```
#e5c4da rgb(229,196,218)
```

Triadic Color

#c4e5cf
```
#c4e5cf rgb(196,229,207)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#e5c4da
```
#e5c4da rgb(229,196,218)
```
#e5cfc4
```
#e5cfc4 rgb(229,207,196)
```

Tetradic Color

#8fb9ce
```
#8fb9ce rgb(143,185,206)
```
#a1c4d5
```
#a1c4d5 rgb(161,196,213)
```
#b2cfdd
```
#b2cfdd rgb(178,207,221)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#d6e5ed
```
#d6e5ed rgb(214,229,237)
```
#e7f0f5
```
#e7f0f5 rgb(231,240,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Monochromatic Color

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

#c4e2e5
```
#c4e2e5 rgb(196,226,229)
```
#c4e0e5
```
#c4e0e5 rgb(196,224,229)
```
#c4dde5
```
#c4dde5 rgb(196,221,229)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#c4d7e5
```
#c4d7e5 rgb(196,215,229)
```
#c4d5e5
```
#c4d5e5 rgb(196,213,229)
```
#c4d2e5
```
#c4d2e5 rgb(196,210,229)
```

Similar Colors

Text with hexadecimal color #c4dae5

This text has a font color of #c4dae5.

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

#c4dae5 background color

This paragraph has a background color of #c4dae5.

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

#c4dae5 border color

This element has a border color of #c4dae5.

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

CSS codes

.text {color:#c4dae5;}

.background {background-color:#c4dae5;}

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

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

#040709
```
#040709 rgb(4,7,9)
```
#0a1217
```
#0a1217 rgb(10,18,23)
```
#101e24
```
#101e24 rgb(16,30,36)
```
#162932
```
#162932 rgb(22,41,50)
```
#1c3440
```
#1c3440 rgb(28,52,64)
```
#223f4d
```
#223f4d rgb(34,63,77)
```
#284a5b
```
#284a5b rgb(40,74,91)
```
#2e5568
```
#2e5568 rgb(46,85,104)
```
#346076
```
#346076 rgb(52,96,118)
```
#3a6b84
```
#3a6b84 rgb(58,107,132)
```
#407691
```
#407691 rgb(64,118,145)
```
#46819f
```
#46819f rgb(70,129,159)
```
#4c8cac
```
#4c8cac rgb(76,140,172)
```

Shade Color Variation

#5796b5
```
#5796b5 rgb(87,150,181)
```
#659ebb
```
#659ebb rgb(101,158,187)
```
#72a7c1
```
#72a7c1 rgb(114,167,193)
```
#80afc7
```
#80afc7 rgb(128,175,199)
```
#8eb8cd
```
#8eb8cd rgb(142,184,205)
```
#9bc0d3
```
#9bc0d3 rgb(155,192,211)
```
#a9c9d9
```
#a9c9d9 rgb(169,201,217)
```
#b6d1df
```
#b6d1df rgb(182,209,223)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#d2e3eb
```
#d2e3eb rgb(210,227,235)
```
#dfebf1
```
#dfebf1 rgb(223,235,241)
```
#edf4f7
```
#edf4f7 rgb(237,244,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#d4d5d5
```
#d4d5d5 rgb(212,213,213)
```
#d1d6d8
```
#d1d6d8 rgb(209,214,216)
```
#ced7db
```
#ced7db rgb(206,215,219)
```
#cbd8de
```
#cbd8de rgb(203,216,222)
```
#c7d9e2
```
#c7d9e2 rgb(199,217,226)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#c1dbe8
```
#c1dbe8 rgb(193,219,232)
```
#bddcec
```
#bddcec rgb(189,220,236)
```
#baddef
```
#baddef rgb(186,221,239)
```
#b7def2
```
#b7def2 rgb(183,222,242)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#b0e1f9
```
#b0e1f9 rgb(176,225,249)
```
#ade2fc
```
#ade2fc rgb(173,226,252)
```

Tone Color Variation

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

Dichromacy

#d8d7e3 Protanopia 1% of men
#e4d2e9 Deuteranopia 1% of men
#c8dbea Tritanopia 0.001% of the population

Trichromacy

#d1d8e4 Protanomaly 1% of men, 0.01% of women
#d8d5e7 Deuteranomaly 6% of men, 0.4% of women
#c6dae8 Tritanomaly 0.01% of the population

#c4dae5 hex color

#c4dae5 Color Information

#c4dae5 Color Conversion

Color Schemes with #c4dae5

Alternatives to #c4dae5

#c4dae5 Preview

Shades and Tints of #c4dae5

Tones of #c4dae5

Color Blindness Simulator