#cad5ff hex color

In a RGB color space, hex #cad5ff is composed of 79.2% red, 83.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 16.5% magenta, 0% yellow and 0% black. It has a hue angle of 227.5 degrees, a saturation of 100% and a lightness of 89.6%. #cad5ff color hex could be obtained by blending #ffffff with #95abff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 84
- B 100
RGB color chart
- C 21
- M 16
- Y 0
- K 0
CMYK color chart

● #cad5ff color description : Very pale blue.

The hexadecimal color #cad5ff has RGB values of R:202, G:213, B:255 and CMYK values of C:0.21, M:0.16, Y:0, K:0. Its decimal value is 13293055.

Hex triplet	cad5ff	`#cad5ff`
RGB Decimal	202, 213, 255	`rgb(202,213,255)`
RGB Percent	79.2, 83.5, 100	`rgb(79.2%,83.5%,100%)`
CMYK	21, 16, 0, 0
HSL	227.5°, 100, 89.6	`hsl(227.5,100%,89.6%)`
HSV (or HSB)	227.5°, 20.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.687, 4.897, -21.715
XYZ	66.198, 67.364, 104.117
xyY	0.279, 0.283, 67.364
CIE-LCH	85.687, 22.26, 282.709
CIE-LUV	85.687, -8.028, -35.485
Hunter-Lab	82.076, 0.336, -17.759
Binary	11001010, 11010101, 11111111

#cad5ff
```
#cad5ff rgb(202,213,255)
```
#fff4ca
```
#fff4ca rgb(255,244,202)
```

Complementary Color

#caf0ff
```
#caf0ff rgb(202,240,255)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#dacaff
```
#dacaff rgb(218,202,255)
```

Analogous Color

#f0ffca
```
#f0ffca rgb(240,255,202)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#ffdaca
```
#ffdaca rgb(255,218,202)
```

Split Complementary Color

#d5ffca
```
#d5ffca rgb(213,255,202)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#ffcad5
```
#ffcad5 rgb(255,202,213)
```

Triadic Color

#cafff4
```
#cafff4 rgb(202,255,244)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#ffcad5
```
#ffcad5 rgb(255,202,213)
```
#fff4ca
```
#fff4ca rgb(255,244,202)
```

Tetradic Color

#7e98ff
```
#7e98ff rgb(126,152,255)
```
#97adff
```
#97adff rgb(151,173,255)
```
#b1c1ff
```
#b1c1ff rgb(177,193,255)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cae2ff
```
#cae2ff rgb(202,226,255)
```
#cadeff
```
#cadeff rgb(202,222,255)
```
#cad9ff
```
#cad9ff rgb(202,217,255)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#cad1ff
```
#cad1ff rgb(202,209,255)
```
#caccff
```
#caccff rgb(202,204,255)
```
#cccaff
```
#cccaff rgb(204,202,255)
```

Similar Colors

Text with hexadecimal color #cad5ff

This text has a font color of #cad5ff.

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

#cad5ff background color

This paragraph has a background color of #cad5ff.

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

#cad5ff border color

This element has a border color of #cad5ff.

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

CSS codes

.text {color:#cad5ff;}

.background {background-color:#cad5ff;}

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

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

#000106
```
#000106 rgb(0,1,6)
```
#000519
```
#000519 rgb(0,5,25)
```
#00092d
```
#00092d rgb(0,9,45)
```
#000d41
```
#000d41 rgb(0,13,65)
```
#001154
```
#001154 rgb(0,17,84)
```
#001668
```
#001668 rgb(0,22,104)
```
#001a7c
```
#001a7c rgb(0,26,124)
```
#001e8f
```
#001e8f rgb(0,30,143)
```
#0022a3
```
#0022a3 rgb(0,34,163)
```
#0026b6
```
#0026b6 rgb(0,38,182)
```
#002aca
```
#002aca rgb(0,42,202)
```
#002ede
```
#002ede rgb(0,46,222)
```
#0032f1
```
#0032f1 rgb(0,50,241)
```

Shade Color Variation

#063aff
```
#063aff rgb(6,58,255)
```
#1949ff
```
#1949ff rgb(25,73,255)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#4168ff
```
#4168ff rgb(65,104,255)
```
#5478ff
```
#5478ff rgb(84,120,255)
```
#6887ff
```
#6887ff rgb(104,135,255)
```
#7c97ff
```
#7c97ff rgb(124,151,255)
```
#8fa6ff
```
#8fa6ff rgb(143,166,255)
```
#a3b6ff
```
#a3b6ff rgb(163,182,255)
```
#b6c5ff
```
#b6c5ff rgb(182,197,255)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```
#dee5ff
```
#dee5ff rgb(222,229,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#e2e3e7
```
#e2e3e7 rgb(226,227,231)
```
#e0e2e9
```
#e0e2e9 rgb(224,226,233)
```
#dee1eb
```
#dee1eb rgb(222,225,235)
```
#dce0ed
```
#dce0ed rgb(220,224,237)
```
#dadfef
```
#dadfef rgb(218,223,239)
```
#d8ddf1
```
#d8ddf1 rgb(216,221,241)
```
#d6dcf3
```
#d6dcf3 rgb(214,220,243)
```
#d4dbf5
```
#d4dbf5 rgb(212,219,245)
```
#d2daf7
```
#d2daf7 rgb(210,218,247)
```
#d0d9f9
```
#d0d9f9 rgb(208,217,249)
```
#ced7fb
```
#ced7fb rgb(206,215,251)
```
#ccd6fd
```
#ccd6fd rgb(204,214,253)
```
#cad5ff
```
#cad5ff rgb(202,213,255)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4d6de Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd6fe Protanopia 1% of men
#d7d4ff Deuteranopia 1% of men
#c8daea Tritanopia 0.001% of the population

Trichromacy

#cdd5fe Protanomaly 1% of men, 0.01% of women
#d2d4ff Deuteranomaly 6% of men, 0.4% of women
#c8d8f2 Tritanomaly 0.01% of the population

#cad5ff hex color

#cad5ff Color Information

#cad5ff Color Conversion

Color Schemes with #cad5ff

Alternatives to #cad5ff

#cad5ff Preview

Shades and Tints of #cad5ff

Tones of #cad5ff

Color Blindness Simulator