#cad5e6 hex color

In a RGB color space, hex #cad5e6 is composed of 79.2% red, 83.5% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 7.4% magenta, 0% yellow and 9.8% black. It has a hue angle of 216.4 degrees, a saturation of 35.9% and a lightness of 84.7%. #cad5e6 color hex could be obtained by blending #ffffff with #95abcd. Closest websafe color is: #ccccff.

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

● #cad5e6 color description : Light grayish blue.

The hexadecimal color #cad5e6 has RGB values of R:202, G:213, B:230 and CMYK values of C:0.12, M:0.07, Y:0, K:0.1. Its decimal value is 13293030.

Hex triplet	cad5e6	`#cad5e6`
RGB Decimal	202, 213, 230	`rgb(202,213,230)`
RGB Percent	79.2, 83.5, 90.2	`rgb(79.2%,83.5%,90.2%)`
CMYK	12, 7, 0, 10
HSL	216.4°, 35.9, 84.7	`hsl(216.4,35.9%,84.7%)`
HSV (or HSB)	216.4°, 12.2, 90.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.924, -0.381, -9.628
XYZ	62.431, 65.858, 84.281
xyY	0.294, 0.31, 65.858
CIE-LCH	84.924, 9.635, 267.735
CIE-LUV	84.924, -6.851, -14.901
Hunter-Lab	81.153, -4.696, -4.769
Binary	11001010, 11010101, 11100110

#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#e6dbca
```
#e6dbca rgb(230,219,202)
```

Complementary Color

#cae3e6
```
#cae3e6 rgb(202,227,230)
```
#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#cdcae6
```
#cdcae6 rgb(205,202,230)
```

Analogous Color

#e3e6ca
```
#e3e6ca rgb(227,230,202)
```
#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#e6cdca
```
#e6cdca rgb(230,205,202)
```

Split Complementary Color

#d5e6ca
```
#d5e6ca rgb(213,230,202)
```
#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#e6cad5
```
#e6cad5 rgb(230,202,213)
```

Triadic Color

#cae6db
```
#cae6db rgb(202,230,219)
```
#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#e6cad5
```
#e6cad5 rgb(230,202,213)
```
#e6dbca
```
#e6dbca rgb(230,219,202)
```

Tetradic Color

#96accd
```
#96accd rgb(150,172,205)
```
#a7bad6
```
#a7bad6 rgb(167,186,214)
```
#b9c7de
```
#b9c7de rgb(185,199,222)
```
#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#dbe3ee
```
#dbe3ee rgb(219,227,238)
```
#edf0f6
```
#edf0f6 rgb(237,240,246)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#cadce6
```
#cadce6 rgb(202,220,230)
```
#cadae6
```
#cadae6 rgb(202,218,230)
```
#cad7e6
```
#cad7e6 rgb(202,215,230)
```
#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#cad3e6
```
#cad3e6 rgb(202,211,230)
```
#cad0e6
```
#cad0e6 rgb(202,208,230)
```
#cacee6
```
#cacee6 rgb(202,206,230)
```

Similar Colors

Text with hexadecimal color #cad5e6

This text has a font color of #cad5e6.

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

#cad5e6 background color

This paragraph has a background color of #cad5e6.

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

#cad5e6 border color

This element has a border color of #cad5e6.

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

CSS codes

.text {color:#cad5e6;}

.background {background-color:#cad5e6;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06090e
```
#06090e rgb(6,9,14)
```
#0d121b
```
#0d121b rgb(13,18,27)
```
#131b28
```
#131b28 rgb(19,27,40)
```
#192436
```
#192436 rgb(25,36,54)
```
#202d43
```
#202d43 rgb(32,45,67)
```
#263750
```
#263750 rgb(38,55,80)
```
#2c405e
```
#2c405e rgb(44,64,94)
```
#32496b
```
#32496b rgb(50,73,107)
```
#395278
```
#395278 rgb(57,82,120)
```
#3f5b86
```
#3f5b86 rgb(63,91,134)
```
#456493
```
#456493 rgb(69,100,147)
```
#4c6da0
```
#4c6da0 rgb(76,109,160)
```

Shade Color Variation

#5276ad
```
#5276ad rgb(82,118,173)
```
#5f81b4
```
#5f81b4 rgb(95,129,180)
```
#6d8bba
```
#6d8bba rgb(109,139,186)
```
#7a96c0
```
#7a96c0 rgb(122,150,192)
```
#87a0c7
```
#87a0c7 rgb(135,160,199)
```
#95abcd
```
#95abcd rgb(149,171,205)
```
#a2b5d3
```
#a2b5d3 rgb(162,181,211)
```
#afc0d9
```
#afc0d9 rgb(175,192,217)
```
#bdcae0
```
#bdcae0 rgb(189,202,224)
```
#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#d7e0ec
```
#d7e0ec rgb(215,224,236)
```
#e5eaf3
```
#e5eaf3 rgb(229,234,243)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

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

#d6d8da
```
#d6d8da rgb(214,216,218)
```
#d3d7dd
```
#d3d7dd rgb(211,215,221)
```
#d0d6e0
```
#d0d6e0 rgb(208,214,224)
```
#cdd6e3
```
#cdd6e3 rgb(205,214,227)
```
#cad5e6
```
#cad5e6 rgb(202,213,230)
```
#c7d4e9
```
#c7d4e9 rgb(199,212,233)
```
#c4d4ec
```
#c4d4ec rgb(196,212,236)
```
#c1d3ef
```
#c1d3ef rgb(193,211,239)
```
#bed2f2
```
#bed2f2 rgb(190,210,242)
```
#bbd2f5
```
#bbd2f5 rgb(187,210,245)
```
#b8d1f8
```
#b8d1f8 rgb(184,209,248)
```
#b5d1fb
```
#b5d1fb rgb(181,209,251)
```
#b2d0fe
```
#b2d0fe rgb(178,208,254)
```

Tone Color Variation

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

Dichromacy

#d5d4e6 Protanopia 1% of men
#e0d0e9 Deuteranopia 1% of men
#ccd7e6 Tritanopia 0.001% of the population

Trichromacy

#d1d4e6 Protanomaly 1% of men, 0.01% of women
#d8d2e8 Deuteranomaly 6% of men, 0.4% of women
#cbd6e6 Tritanomaly 0.01% of the population

#cad5e6 hex color

#cad5e6 Color Information

#cad5e6 Color Conversion

Color Schemes with #cad5e6

Alternatives to #cad5e6

#cad5e6 Preview

Shades and Tints of #cad5e6

Tones of #cad5e6

Color Blindness Simulator