#cad1e2 hex color

In a RGB color space, hex #cad1e2 is composed of 79.2% red, 82% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 7.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 222.5 degrees, a saturation of 29.3% and a lightness of 83.9%. #cad1e2 color hex could be obtained by blending #ffffff with #95a3c5. Closest websafe color is: #cccccc.

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

● #cad1e2 color description : Light grayish blue.

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

Hex triplet	cad1e2	`#cad1e2`
RGB Decimal	202, 209, 226	`rgb(202,209,226)`
RGB Percent	79.2, 82, 88.6	`rgb(79.2%,82%,88.6%)`
CMYK	11, 8, 0, 11
HSL	222.5°, 29.3, 83.9	`hsl(222.5,29.3%,83.9%)`
HSV (or HSB)	222.5°, 10.6, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.782, 0.915, -9.2
XYZ	60.882, 63.648, 81.025
xyY	0.296, 0.31, 63.648
CIE-LCH	83.782, 9.245, 275.679
CIE-LUV	83.782, -4.748, -14.41
Hunter-Lab	79.78, -3.396, -4.37
Binary	11001010, 11010001, 11100010

#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#e2dbca
```
#e2dbca rgb(226,219,202)
```

Complementary Color

#cadde2
```
#cadde2 rgb(202,221,226)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#cfcae2
```
#cfcae2 rgb(207,202,226)
```

Analogous Color

#dde2ca
```
#dde2ca rgb(221,226,202)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#e2cfca
```
#e2cfca rgb(226,207,202)
```

Split Complementary Color

#d1e2ca
```
#d1e2ca rgb(209,226,202)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#e2cad1
```
#e2cad1 rgb(226,202,209)
```

Triadic Color

#cae2db
```
#cae2db rgb(202,226,219)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#e2cad1
```
#e2cad1 rgb(226,202,209)
```
#e2dbca
```
#e2dbca rgb(226,219,202)
```

Tetradic Color

#99a6c7
```
#99a6c7 rgb(153,166,199)
```
#a9b4d0
```
#a9b4d0 rgb(169,180,208)
```
#bac3d9
```
#bac3d9 rgb(186,195,217)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#dadfeb
```
#dadfeb rgb(218,223,235)
```
#ebeef4
```
#ebeef4 rgb(235,238,244)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Monochromatic Color

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

#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#cad5e2
```
#cad5e2 rgb(202,213,226)
```
#cad3e2
```
#cad3e2 rgb(202,211,226)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#cacfe2
```
#cacfe2 rgb(202,207,226)
```
#cacde2
```
#cacde2 rgb(202,205,226)
```
#cacbe2
```
#cacbe2 rgb(202,203,226)
```

Similar Colors

Text with hexadecimal color #cad1e2

This text has a font color of #cad1e2.

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

#cad1e2 background color

This paragraph has a background color of #cad1e2.

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

#cad1e2 border color

This element has a border color of #cad1e2.

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

CSS codes

.text {color:#cad1e2;}

.background {background-color:#cad1e2;}

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

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0d1017
```
#0d1017 rgb(13,16,23)
```
#141824
```
#141824 rgb(20,24,36)
```
#1a2130
```
#1a2130 rgb(26,33,48)
```
#212a3d
```
#212a3d rgb(33,42,61)
```
#28324a
```
#28324a rgb(40,50,74)
```
#2f3b56
```
#2f3b56 rgb(47,59,86)
```
#364363
```
#364363 rgb(54,67,99)
```
#3d4c70
```
#3d4c70 rgb(61,76,112)
```
#44557c
```
#44557c rgb(68,85,124)
```
#4b5d89
```
#4b5d89 rgb(75,93,137)
```
#526696
```
#526696 rgb(82,102,150)
```
#596ea3
```
#596ea3 rgb(89,110,163)
```

Shade Color Variation

#6579ab
```
#6579ab rgb(101,121,171)
```
#7184b1
```
#7184b1 rgb(113,132,177)
```
#7e8fb8
```
#7e8fb8 rgb(126,143,184)
```
#8b9abf
```
#8b9abf rgb(139,154,191)
```
#97a5c6
```
#97a5c6 rgb(151,165,198)
```
#a4b0cd
```
#a4b0cd rgb(164,176,205)
```
#b1bbd4
```
#b1bbd4 rgb(177,187,212)
```
#bdc6db
```
#bdc6db rgb(189,198,219)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#d7dce9
```
#d7dce9 rgb(215,220,233)
```
#e3e7f0
```
#e3e7f0 rgb(227,231,240)
```
#f0f2f7
```
#f0f2f7 rgb(240,242,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#d3d5d9
```
#d3d5d9 rgb(211,213,217)
```
#d0d4dc
```
#d0d4dc rgb(208,212,220)
```
#cdd2df
```
#cdd2df rgb(205,210,223)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```
#c7d0e5
```
#c7d0e5 rgb(199,208,229)
```
#c4cee8
```
#c4cee8 rgb(196,206,232)
```
#c1cdeb
```
#c1cdeb rgb(193,205,235)
```
#bdccef
```
#bdccef rgb(189,204,239)
```
#bacaf2
```
#bacaf2 rgb(186,202,242)
```
#b7c9f5
```
#b7c9f5 rgb(183,201,245)
```
#b4c8f8
```
#b4c8f8 rgb(180,200,248)
```
#b1c6fb
```
#b1c6fb rgb(177,198,251)
```
#aec5fe
```
#aec5fe rgb(174,197,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0d1d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d1e2 Protanopia 1% of men
#decde5 Deuteranopia 1% of men
#ccd3e2 Tritanopia 0.001% of the population

Trichromacy

#cfd1e2 Protanomaly 1% of men, 0.01% of women
#d6cee4 Deuteranomaly 6% of men, 0.4% of women
#cbd2e2 Tritanomaly 0.01% of the population

#cad1e2 hex color

#cad1e2 Color Information

#cad1e2 Color Conversion

Color Schemes with #cad1e2

Alternatives to #cad1e2

#cad1e2 Preview

Shades and Tints of #cad1e2

Tones of #cad1e2

Color Blindness Simulator