#cae2fd hex color

In a RGB color space, hex #cae2fd is composed of 79.2% red, 88.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 10.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.8 degrees, a saturation of 92.7% and a lightness of 89.2%. #cae2fd color hex could be obtained by blending #ffffff with #95c5fb. Closest websafe color is: #ccccff.

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

● #cae2fd color description : Very soft blue.

The hexadecimal color #cae2fd has RGB values of R:202, G:226, B:253 and CMYK values of C:0.2, M:0.11, Y:0, K:0.01. Its decimal value is 13296381.

Hex triplet	cae2fd	`#cae2fd`
RGB Decimal	202, 226, 253	`rgb(202,226,253)`
RGB Percent	79.2, 88.6, 99.2	`rgb(79.2%,88.6%,99.2%)`
CMYK	20, 11, 0, 1
HSL	211.8°, 92.7, 89.2	`hsl(211.8,92.7%,89.2%)`
HSV (or HSB)	211.8°, 20.2, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.941, -2.355, -15.756
XYZ	69.279, 74.04, 103.564
xyY	0.281, 0.3, 74.04
CIE-LCH	88.941, 15.931, 261.5
CIE-LUV	88.941, -13.789, -24.612
Hunter-Lab	86.046, -6.864, -11.128
Binary	11001010, 11100010, 11111101

#cae2fd
```
#cae2fd rgb(202,226,253)
```
#fde5ca
```
#fde5ca rgb(253,229,202)
```

Complementary Color

#cafcfd
```
#cafcfd rgb(202,252,253)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```
#cccafd
```
#cccafd rgb(204,202,253)
```

Analogous Color

#fcfdca
```
#fcfdca rgb(252,253,202)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```
#fdccca
```
#fdccca rgb(253,204,202)
```

Split Complementary Color

#e2fdca
```
#e2fdca rgb(226,253,202)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```
#fdcae2
```
#fdcae2 rgb(253,202,226)
```

Triadic Color

#cafde5
```
#cafde5 rgb(202,253,229)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```
#fdcae2
```
#fdcae2 rgb(253,202,226)
```
#fde5ca
```
#fde5ca rgb(253,229,202)
```

Tetradic Color

#80bafa
```
#80bafa rgb(128,186,250)
```
#99c7fb
```
#99c7fb rgb(153,199,251)
```
#b1d5fc
```
#b1d5fc rgb(177,213,252)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caeffd
```
#caeffd rgb(202,239,253)
```
#caebfd
```
#caebfd rgb(202,235,253)
```
#cae6fd
```
#cae6fd rgb(202,230,253)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```
#cadefd
```
#cadefd rgb(202,222,253)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#cad5fd
```
#cad5fd rgb(202,213,253)
```

Similar Colors

Text with hexadecimal color #cae2fd

This text has a font color of #cae2fd.

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

#cae2fd background color

This paragraph has a background color of #cae2fd.

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

#cae2fd border color

This element has a border color of #cae2fd.

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

CSS codes

.text {color:#cae2fd;}

.background {background-color:#cae2fd;}

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010b17
```
#010b17 rgb(1,11,23)
```
#02142a
```
#02142a rgb(2,20,42)
```
#021e3c
```
#021e3c rgb(2,30,60)
```
#03274f
```
#03274f rgb(3,39,79)
```
#043062
```
#043062 rgb(4,48,98)
```
#043975
```
#043975 rgb(4,57,117)
```
#054388
```
#054388 rgb(5,67,136)
```
#064c9b
```
#064c9b rgb(6,76,155)
```
#0755ae
```
#0755ae rgb(7,85,174)
```
#075fc1
```
#075fc1 rgb(7,95,193)
```
#0868d4
```
#0868d4 rgb(8,104,212)
```
#0971e7
```
#0971e7 rgb(9,113,231)
```

Shade Color Variation

#0d7bf6
```
#0d7bf6 rgb(13,123,246)
```
#2085f7
```
#2085f7 rgb(32,133,247)
```
#338ff7
```
#338ff7 rgb(51,143,247)
```
#469af8
```
#469af8 rgb(70,154,248)
```
#59a4f9
```
#59a4f9 rgb(89,164,249)
```
#6baef9
```
#6baef9 rgb(107,174,249)
```
#7eb9fa
```
#7eb9fa rgb(126,185,250)
```
#91c3fb
```
#91c3fb rgb(145,195,251)
```
#a4cdfc
```
#a4cdfc rgb(164,205,252)
```
#b7d8fc
```
#b7d8fc rgb(183,216,252)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```
#ddecfe
```
#ddecfe rgb(221,236,254)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#e3e3e4
```
#e3e3e4 rgb(227,227,228)
```
#e1e3e6
```
#e1e3e6 rgb(225,227,230)
```
#dfe3e8
```
#dfe3e8 rgb(223,227,232)
```
#dde3ea
```
#dde3ea rgb(221,227,234)
```
#dbe3ec
```
#dbe3ec rgb(219,227,236)
```
#d9e3ee
```
#d9e3ee rgb(217,227,238)
```
#d7e3f0
```
#d7e3f0 rgb(215,227,240)
```
#d5e3f2
```
#d5e3f2 rgb(213,227,242)
```
#d2e2f5
```
#d2e2f5 rgb(210,226,245)
```
#d0e2f7
```
#d0e2f7 rgb(208,226,247)
```
#cee2f9
```
#cee2f9 rgb(206,226,249)
```
#cce2fb
```
#cce2fb rgb(204,226,251)
```
#cae2fd
```
#cae2fd rgb(202,226,253)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#dadfe4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcdffa Protanopia 1% of men
#e6dbff Deuteranopia 1% of men
#cae4f5 Tritanopia 0.001% of the population

Trichromacy

#d5e0fb Protanomaly 1% of men, 0.01% of women
#dcdefe Deuteranomaly 6% of men, 0.4% of women
#cae3f8 Tritanomaly 0.01% of the population

#cae2fd hex color

#cae2fd Color Information

#cae2fd Color Conversion

Color Schemes with #cae2fd

Alternatives to #cae2fd

#cae2fd Preview

Shades and Tints of #cae2fd

Tones of #cae2fd

Color Blindness Simulator