#c4d1e2 hex color

In a RGB color space, hex #c4d1e2 is composed of 76.9% red, 82% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 7.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 214 degrees, a saturation of 34.1% and a lightness of 82.7%. #c4d1e2 color hex could be obtained by blending #ffffff with #89a3c5. Closest websafe color is: #cccccc.

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

● #c4d1e2 color description : Light grayish blue.

The hexadecimal color #c4d1e2 has RGB values of R:196, G:209, B:226 and CMYK values of C:0.13, M:0.08, Y:0, K:0.11. Its decimal value is 12898786.

Hex triplet	c4d1e2	`#c4d1e2`
RGB Decimal	196, 209, 226	`rgb(196,209,226)`
RGB Percent	76.9, 82, 88.6	`rgb(76.9%,82%,88.6%)`
CMYK	13, 8, 0, 11
HSL	214°, 34.1, 82.7	`hsl(214,34.1%,82.7%)`
HSV (or HSB)	214°, 13.3, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.351, -1.018, -9.887
XYZ	59.29, 62.827, 80.95
xyY	0.292, 0.309, 62.827
CIE-LCH	83.351, 9.94, 264.119
CIE-LUV	83.351, -7.888, -15.17
Hunter-Lab	79.263, -5.191, -5.067
Binary	11000100, 11010001, 11100010

#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#e2d5c4
```
#e2d5c4 rgb(226,213,196)
```

Complementary Color

#c4e0e2
```
#c4e0e2 rgb(196,224,226)
```
#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#c6c4e2
```
#c6c4e2 rgb(198,196,226)
```

Analogous Color

#e0e2c4
```
#e0e2c4 rgb(224,226,196)
```
#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#e2c6c4
```
#e2c6c4 rgb(226,198,196)
```

Split Complementary Color

#d1e2c4
```
#d1e2c4 rgb(209,226,196)
```
#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#e2c4d1
```
#e2c4d1 rgb(226,196,209)
```

Triadic Color

#c4e2d5
```
#c4e2d5 rgb(196,226,213)
```
#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#e2c4d1
```
#e2c4d1 rgb(226,196,209)
```
#e2d5c4
```
#e2d5c4 rgb(226,213,196)
```

Tetradic Color

#91a9c9
```
#91a9c9 rgb(145,169,201)
```
#a2b6d1
```
#a2b6d1 rgb(162,182,209)
```
#b3c4da
```
#b3c4da rgb(179,196,218)
```
#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#d5deea
```
#d5deea rgb(213,222,234)
```
#e6ecf3
```
#e6ecf3 rgb(230,236,243)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Monochromatic Color

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

#c4d9e2
```
#c4d9e2 rgb(196,217,226)
```
#c4d6e2
```
#c4d6e2 rgb(196,214,226)
```
#c4d4e2
```
#c4d4e2 rgb(196,212,226)
```
#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#c4cfe2
```
#c4cfe2 rgb(196,207,226)
```
#c4cce2
```
#c4cce2 rgb(196,204,226)
```
#c4cae2
```
#c4cae2 rgb(196,202,226)
```

Similar Colors

Text with hexadecimal color #c4d1e2

This text has a font color of #c4d1e2.

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

#c4d1e2 background color

This paragraph has a background color of #c4d1e2.

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

#c4d1e2 border color

This element has a border color of #c4d1e2.

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

CSS codes

.text {color:#c4d1e2;}

.background {background-color:#c4d1e2;}

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

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

#030507
```
#030507 rgb(3,5,7)
```
#0a0e14
```
#0a0e14 rgb(10,14,20)
```
#101821
```
#101821 rgb(16,24,33)
```
#17212e
```
#17212e rgb(23,33,46)
```
#1d2a3b
```
#1d2a3b rgb(29,42,59)
```
#243449
```
#243449 rgb(36,52,73)
```
#2a3d56
```
#2a3d56 rgb(42,61,86)
```
#314663
```
#314663 rgb(49,70,99)
```
#375070
```
#375070 rgb(55,80,112)
```
#3d597d
```
#3d597d rgb(61,89,125)
```
#44628a
```
#44628a rgb(68,98,138)
```
#4a6c97
```
#4a6c97 rgb(74,108,151)
```
#5175a5
```
#5175a5 rgb(81,117,165)
```

Shade Color Variation

#5b7fae
```
#5b7fae rgb(91,127,174)
```
#6889b5
```
#6889b5 rgb(104,137,181)
```
#7593bb
```
#7593bb rgb(117,147,187)
```
#829ec2
```
#829ec2 rgb(130,158,194)
```
#8fa8c8
```
#8fa8c8 rgb(143,168,200)
```
#9db2cf
```
#9db2cf rgb(157,178,207)
```
#aabcd5
```
#aabcd5 rgb(170,188,213)
```
#b7c7dc
```
#b7c7dc rgb(183,199,220)
```
#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#d1dbe8
```
#d1dbe8 rgb(209,219,232)
```
#dee6ef
```
#dee6ef rgb(222,230,239)
```
#ebf0f5
```
#ebf0f5 rgb(235,240,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#d2d3d4
```
#d2d3d4 rgb(210,211,212)
```
#ced2d8
```
#ced2d8 rgb(206,210,216)
```
#cbd2db
```
#cbd2db rgb(203,210,219)
```
#c7d1df
```
#c7d1df rgb(199,209,223)
```
#c4d1e2
```
#c4d1e2 rgb(196,209,226)
```
#c1d1e5
```
#c1d1e5 rgb(193,209,229)
```
#bdd0e9
```
#bdd0e9 rgb(189,208,233)
```
#bad0ec
```
#bad0ec rgb(186,208,236)
```
#b6cff0
```
#b6cff0 rgb(182,207,240)
```
#b3cff3
```
#b3cff3 rgb(179,207,243)
```
#b0cef6
```
#b0cef6 rgb(176,206,246)
```
#accefa
```
#accefa rgb(172,206,250)
```
#a9cdfd
```
#a9cdfd rgb(169,205,253)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cdcfd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d0e2 Protanopia 1% of men
#dccce5 Deuteranopia 1% of men
#c6d3e2 Tritanopia 0.001% of the population

Trichromacy

#ccd0e2 Protanomaly 1% of men, 0.01% of women
#d3cee4 Deuteranomaly 6% of men, 0.4% of women
#c5d2e2 Tritanomaly 0.01% of the population

#c4d1e2 hex color

#c4d1e2 Color Information

#c4d1e2 Color Conversion

Color Schemes with #c4d1e2

Alternatives to #c4d1e2

#c4d1e2 Preview

Shades and Tints of #c4d1e2

Tones of #c4d1e2

Color Blindness Simulator