#cad4fe hex color

In a RGB color space, hex #cad4fe is composed of 79.2% red, 83.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 16.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.5 degrees, a saturation of 96.3% and a lightness of 89.4%. #cad4fe color hex could be obtained by blending #ffffff with #95a9fd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 83
- B 100
RGB color chart
- C 20
- M 17
- Y 0
- K 0
CMYK color chart

● #cad4fe color description : Very soft blue.

The hexadecimal color #cad4fe has RGB values of R:202, G:212, B:254 and CMYK values of C:0.2, M:0.17, Y:0, K:0. Its decimal value is 13292798.

Hex triplet	cad4fe	`#cad4fe`
RGB Decimal	202, 212, 254	`rgb(202,212,254)`
RGB Percent	79.2, 83.1, 99.6	`rgb(79.2%,83.1%,99.6%)`
CMYK	20, 17, 0, 0
HSL	228.5°, 96.3, 89.4	`hsl(228.5,96.3%,89.4%)`
HSV (or HSB)	228.5°, 20.5, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.402, 5.208, -21.619
XYZ	65.786, 66.798, 103.188
xyY	0.279, 0.283, 66.798
CIE-LCH	85.402, 22.238, 283.544
CIE-LUV	85.402, -7.532, -35.359
Hunter-Lab	81.73, 0.65, -17.645
Binary	11001010, 11010100, 11111110

#cad4fe
```
#cad4fe rgb(202,212,254)
```
#fef4ca
```
#fef4ca rgb(254,244,202)
```

Complementary Color

#caeefe
```
#caeefe rgb(202,238,254)
```
#cad4fe
```
#cad4fe rgb(202,212,254)
```
#dacafe
```
#dacafe rgb(218,202,254)
```

Analogous Color

#eefeca
```
#eefeca rgb(238,254,202)
```
#cad4fe
```
#cad4fe rgb(202,212,254)
```
#fedaca
```
#fedaca rgb(254,218,202)
```

Split Complementary Color

#d4feca
```
#d4feca rgb(212,254,202)
```
#cad4fe
```
#cad4fe rgb(202,212,254)
```
#fecad4
```
#fecad4 rgb(254,202,212)
```

Triadic Color

#cafef4
```
#cafef4 rgb(202,254,244)
```
#cad4fe
```
#cad4fe rgb(202,212,254)
```
#fecad4
```
#fecad4 rgb(254,202,212)
```
#fef4ca
```
#fef4ca rgb(254,244,202)
```

Tetradic Color

#7f97fd
```
#7f97fd rgb(127,151,253)
```
#98abfd
```
#98abfd rgb(152,171,253)
```
#b1c0fe
```
#b1c0fe rgb(177,192,254)
```
#cad4fe
```
#cad4fe rgb(202,212,254)
```
#e3e8fe
```
#e3e8fe rgb(227,232,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cae1fe
```
#cae1fe rgb(202,225,254)
```
#caddfe
```
#caddfe rgb(202,221,254)
```
#cad8fe
```
#cad8fe rgb(202,216,254)
```
#cad4fe
```
#cad4fe rgb(202,212,254)
```
#cad0fe
```
#cad0fe rgb(202,208,254)
```
#cacbfe
```
#cacbfe rgb(202,203,254)
```
#cdcafe
```
#cdcafe rgb(205,202,254)
```

Similar Colors

Text with hexadecimal color #cad4fe

This text has a font color of #cad4fe.

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

#cad4fe background color

This paragraph has a background color of #cad4fe.

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

#cad4fe border color

This element has a border color of #cad4fe.

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

CSS codes

.text {color:#cad4fe;}

.background {background-color:#cad4fe;}

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000518
```
#000518 rgb(0,5,24)
```
#01092b
```
#01092b rgb(1,9,43)
```
#010d3f
```
#010d3f rgb(1,13,63)
```
#021152
```
#021152 rgb(2,17,82)
```
#021565
```
#021565 rgb(2,21,101)
```
#021978
```
#021978 rgb(2,25,120)
```
#031d8c
```
#031d8c rgb(3,29,140)
```
#03219f
```
#03219f rgb(3,33,159)
```
#0325b2
```
#0325b2 rgb(3,37,178)
```
#0429c5
```
#0429c5 rgb(4,41,197)
```
#042dd9
```
#042dd9 rgb(4,45,217)
```
#0431ec
```
#0431ec rgb(4,49,236)
```

Shade Color Variation

#0938fa
```
#0938fa rgb(9,56,250)
```
#1d47fb
```
#1d47fb rgb(29,71,251)
```
#3057fb
```
#3057fb rgb(48,87,251)
```
#4367fb
```
#4367fb rgb(67,103,251)
```
#5676fc
```
#5676fc rgb(86,118,252)
```
#6a86fc
```
#6a86fc rgb(106,134,252)
```
#7d96fd
```
#7d96fd rgb(125,150,253)
```
#90a5fd
```
#90a5fd rgb(144,165,253)
```
#a3b5fd
```
#a3b5fd rgb(163,181,253)
```
#b7c4fe
```
#b7c4fe rgb(183,196,254)
```
#cad4fe
```
#cad4fe rgb(202,212,254)
```
#dde4fe
```
#dde4fe rgb(221,228,254)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#e3e3e5
```
#e3e3e5 rgb(227,227,229)
```
#e1e2e7
```
#e1e2e7 rgb(225,226,231)
```
#dfe1e9
```
#dfe1e9 rgb(223,225,233)
```
#dde0eb
```
#dde0eb rgb(221,224,235)
```
#dbdeed
```
#dbdeed rgb(219,222,237)
```
#d9ddef
```
#d9ddef rgb(217,221,239)
```
#d6dcf2
```
#d6dcf2 rgb(214,220,242)
```
#d4daf4
```
#d4daf4 rgb(212,218,244)
```
#d2d9f6
```
#d2d9f6 rgb(210,217,246)
```
#d0d8f8
```
#d0d8f8 rgb(208,216,248)
```
#ced7fa
```
#ced7fa rgb(206,215,250)
```
#ccd5fc
```
#ccd5fc rgb(204,213,252)
```
#cad4fe
```
#cad4fe rgb(202,212,254)
```

Tone Color Variation

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

#ced5fd Protanopia 1% of men
#d6d3ff Deuteranopia 1% of men
#c8d9e9 Tritanopia 0.001% of the population

Trichromacy

#ccd5fd Protanomaly 1% of men, 0.01% of women
#d2d3fe Deuteranomaly 6% of men, 0.4% of women
#c8d7f1 Tritanomaly 0.01% of the population

#cad4fe hex color

#cad4fe Color Information

#cad4fe Color Conversion

Color Schemes with #cad4fe

Alternatives to #cad4fe

#cad4fe Preview

Shades and Tints of #cad4fe

Tones of #cad4fe

Color Blindness Simulator