#cad5ec hex color

In a RGB color space, hex #cad5ec is composed of 79.2% red, 83.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 9.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 220.6 degrees, a saturation of 47.2% and a lightness of 85.9%. #cad5ec color hex could be obtained by blending #ffffff with #95abd9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 84
- B 93
RGB color chart
- C 14
- M 10
- Y 0
- K 7
CMYK color chart

● #cad5ec color description : Light grayish blue.

The hexadecimal color #cad5ec has RGB values of R:202, G:213, B:236 and CMYK values of C:0.14, M:0.1, Y:0, K:0.07. Its decimal value is 13293036.

Hex triplet	cad5ec	`#cad5ec`
RGB Decimal	202, 213, 236	`rgb(202,213,236)`
RGB Percent	79.2, 83.5, 92.5	`rgb(79.2%,83.5%,92.5%)`
CMYK	14, 10, 0, 7
HSL	220.6°, 47.2, 85.9	`hsl(220.6,47.2%,85.9%)`
HSV (or HSB)	220.6°, 14.4, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.099, 0.846, -12.548
XYZ	63.289, 66.2, 88.796
xyY	0.29, 0.303, 66.2
CIE-LCH	85.099, 12.577, 273.856
CIE-LUV	85.099, -7.13, -19.786
Hunter-Lab	81.364, -3.54, -7.751
Binary	11001010, 11010101, 11101100

#cad5ec
```
#cad5ec rgb(202,213,236)
```
#ece1ca
```
#ece1ca rgb(236,225,202)
```

Complementary Color

#cae6ec
```
#cae6ec rgb(202,230,236)
```
#cad5ec
```
#cad5ec rgb(202,213,236)
```
#d0caec
```
#d0caec rgb(208,202,236)
```

Analogous Color

#e6ecca
```
#e6ecca rgb(230,236,202)
```
#cad5ec
```
#cad5ec rgb(202,213,236)
```
#ecd0ca
```
#ecd0ca rgb(236,208,202)
```

Split Complementary Color

#d5ecca
```
#d5ecca rgb(213,236,202)
```
#cad5ec
```
#cad5ec rgb(202,213,236)
```
#eccad5
```
#eccad5 rgb(236,202,213)
```

Triadic Color

#caece1
```
#caece1 rgb(202,236,225)
```
#cad5ec
```
#cad5ec rgb(202,213,236)
```
#eccad5
```
#eccad5 rgb(236,202,213)
```
#ece1ca
```
#ece1ca rgb(236,225,202)
```

Tetradic Color

#92a8d8
```
#92a8d8 rgb(146,168,216)
```
#a4b7df
```
#a4b7df rgb(164,183,223)
```
#b7c6e5
```
#b7c6e5 rgb(183,198,229)
```
#cad5ec
```
#cad5ec rgb(202,213,236)
```
#dde4f3
```
#dde4f3 rgb(221,228,243)
```
#f0f3f9
```
#f0f3f9 rgb(240,243,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cadeec
```
#cadeec rgb(202,222,236)
```
#cadbec
```
#cadbec rgb(202,219,236)
```
#cad8ec
```
#cad8ec rgb(202,216,236)
```
#cad5ec
```
#cad5ec rgb(202,213,236)
```
#cad2ec
```
#cad2ec rgb(202,210,236)
```
#cacfec
```
#cacfec rgb(202,207,236)
```
#cacdec
```
#cacdec rgb(202,205,236)
```

Similar Colors

Text with hexadecimal color #cad5ec

This text has a font color of #cad5ec.

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

#cad5ec background color

This paragraph has a background color of #cad5ec.

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

#cad5ec border color

This element has a border color of #cad5ec.

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

CSS codes

.text {color:#cad5ec;}

.background {background-color:#cad5ec;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070b13
```
#070b13 rgb(7,11,19)
```
#0c1322
```
#0c1322 rgb(12,19,34)
```
#111b30
```
#111b30 rgb(17,27,48)
```
#16233f
```
#16233f rgb(22,35,63)
```
#1c2c4d
```
#1c2c4d rgb(28,44,77)
```
#21345b
```
#21345b rgb(33,52,91)
```
#263c6a
```
#263c6a rgb(38,60,106)
```
#2b4478
```
#2b4478 rgb(43,68,120)
```
#304c87
```
#304c87 rgb(48,76,135)
```
#355495
```
#355495 rgb(53,84,149)
```
#3b5da4
```
#3b5da4 rgb(59,93,164)
```
#4065b2
```
#4065b2 rgb(64,101,178)
```

Shade Color Variation

#486ebd
```
#486ebd rgb(72,110,189)
```
#5679c3
```
#5679c3 rgb(86,121,195)
```
#6585c8
```
#6585c8 rgb(101,133,200)
```
#7390cd
```
#7390cd rgb(115,144,205)
```
#829cd2
```
#829cd2 rgb(130,156,210)
```
#90a7d7
```
#90a7d7 rgb(144,167,215)
```
#9fb3dc
```
#9fb3dc rgb(159,179,220)
```
#adbee2
```
#adbee2 rgb(173,190,226)
```
#bccae7
```
#bccae7 rgb(188,202,231)
```
#cad5ec
```
#cad5ec rgb(202,213,236)
```
#d8e0f1
```
#d8e0f1 rgb(216,224,241)
```
#e7ecf6
```
#e7ecf6 rgb(231,236,246)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#dbdbdb
```
#dbdbdb rgb(219,219,219)
```
#d8dade
```
#d8dade rgb(216,218,222)
```
#d5d9e1
```
#d5d9e1 rgb(213,217,225)
```
#d2d8e4
```
#d2d8e4 rgb(210,216,228)
```
#d0d7e6
```
#d0d7e6 rgb(208,215,230)
```
#cdd6e9
```
#cdd6e9 rgb(205,214,233)
```
#cad5ec
```
#cad5ec rgb(202,213,236)
```
#c7d4ef
```
#c7d4ef rgb(199,212,239)
```
#c4d3f2
```
#c4d3f2 rgb(196,211,242)
```
#c2d2f4
```
#c2d2f4 rgb(194,210,244)
```
#bfd1f7
```
#bfd1f7 rgb(191,209,247)
```
#bcd0fa
```
#bcd0fa rgb(188,208,250)
```
#b9cffd
```
#b9cffd rgb(185,207,253)
```

Tone Color Variation

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

Dichromacy

#d3d5eb Protanopia 1% of men
#ded1ee Deuteranopia 1% of men
#cbd8e7 Tritanopia 0.001% of the population

Trichromacy

#d0d5eb Protanomaly 1% of men, 0.01% of women
#d7d2ed Deuteranomaly 6% of men, 0.4% of women
#cbd6e9 Tritanomaly 0.01% of the population

#cad5ec hex color

#cad5ec Color Information

#cad5ec Color Conversion

Color Schemes with #cad5ec

Alternatives to #cad5ec

#cad5ec Preview

Shades and Tints of #cad5ec

Tones of #cad5ec

Color Blindness Simulator