#cae6f2 hex color

In a RGB color space, hex #cae6f2 is composed of 79.2% red, 90.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 5% magenta, 0% yellow and 5.1% black. It has a hue angle of 198 degrees, a saturation of 60.6% and a lightness of 87.1%. #cae6f2 color hex could be obtained by blending #ffffff with #95cde5. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 79
- G 90
- B 95
RGB color chart
- C 17
- M 5
- Y 0
- K 5
CMYK color chart

● #cae6f2 color description : Light grayish blue.

The hexadecimal color #cae6f2 has RGB values of R:202, G:230, B:242 and CMYK values of C:0.17, M:0.05, Y:0, K:0.05. Its decimal value is 13297394.

Hex triplet	cae6f2	`#cae6f2`
RGB Decimal	202, 230, 242	`rgb(202,230,242)`
RGB Percent	79.2, 90.2, 94.9	`rgb(79.2%,90.2%,94.9%)`
CMYK	17, 5, 0, 5
HSL	198°, 60.6, 87.1	`hsl(198,60.6%,87.1%)`
HSV (or HSB)	198°, 16.5, 94.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	89.655, -6.736, -8.924
XYZ	68.678, 75.56, 94.966
xyY	0.287, 0.316, 75.56
CIE-LCH	89.655, 11.181, 232.957
CIE-LUV	89.655, -15.262, -12.827
Hunter-Lab	86.925, -11.09, -3.927
Binary	11001010, 11100110, 11110010

#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#f2d6ca
```
#f2d6ca rgb(242,214,202)
```

Complementary Color

#caf2ea
```
#caf2ea rgb(202,242,234)
```
#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#cad2f2
```
#cad2f2 rgb(202,210,242)
```

Analogous Color

#f2eaca
```
#f2eaca rgb(242,234,202)
```
#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#f2cad2
```
#f2cad2 rgb(242,202,210)
```

Split Complementary Color

#e6f2ca
```
#e6f2ca rgb(230,242,202)
```
#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#f2cae6
```
#f2cae6 rgb(242,202,230)
```

Triadic Color

#caf2d6
```
#caf2d6 rgb(202,242,214)
```
#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#f2cae6
```
#f2cae6 rgb(242,202,230)
```
#f2d6ca
```
#f2d6ca rgb(242,214,202)
```

Tetradic Color

#8dc9e3
```
#8dc9e3 rgb(141,201,227)
```
#a1d3e8
```
#a1d3e8 rgb(161,211,232)
```
#b6dced
```
#b6dced rgb(182,220,237)
```
#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#def0f7
```
#def0f7 rgb(222,240,247)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf0f2
```
#caf0f2 rgb(202,240,242)
```
#caedf2
```
#caedf2 rgb(202,237,242)
```
#cae9f2
```
#cae9f2 rgb(202,233,242)
```
#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#cae3f2
```
#cae3f2 rgb(202,227,242)
```
#cadff2
```
#cadff2 rgb(202,223,242)
```
#cadcf2
```
#cadcf2 rgb(202,220,242)
```

Similar Colors

Text with hexadecimal color #cae6f2

This text has a font color of #cae6f2.

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

#cae6f2 background color

This paragraph has a background color of #cae6f2.

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

#cae6f2 border color

This element has a border color of #cae6f2.

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

CSS codes

.text {color:#cae6f2;}

.background {background-color:#cae6f2;}

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

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, #02080a is the darkest color, while #f9fcfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#06141a
```
#06141a rgb(6,20,26)
```
#0a202a
```
#0a202a rgb(10,32,42)
```
#0e2c39
```
#0e2c39 rgb(14,44,57)
```
#123849
```
#123849 rgb(18,56,73)
```
#164559
```
#164559 rgb(22,69,89)
```
#1a5169
```
#1a5169 rgb(26,81,105)
```
#1e5d78
```
#1e5d78 rgb(30,93,120)
```
#216988
```
#216988 rgb(33,105,136)
```
#257598
```
#257598 rgb(37,117,152)
```
#2982a8
```
#2982a8 rgb(41,130,168)
```
#2d8eb7
```
#2d8eb7 rgb(45,142,183)
```
#319ac7
```
#319ac7 rgb(49,154,199)
```

Shade Color Variation

#3ca3cf
```
#3ca3cf rgb(60,163,207)
```
#4cabd3
```
#4cabd3 rgb(76,171,211)
```
#5cb2d7
```
#5cb2d7 rgb(92,178,215)
```
#6bb9db
```
#6bb9db rgb(107,185,219)
```
#7bc1df
```
#7bc1df rgb(123,193,223)
```
#8bc8e3
```
#8bc8e3 rgb(139,200,227)
```
#9bd0e6
```
#9bd0e6 rgb(155,208,230)
```
#aad7ea
```
#aad7ea rgb(170,215,234)
```
#badfee
```
#badfee rgb(186,223,238)
```
#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#daedf6
```
#daedf6 rgb(218,237,246)
```
#eaf5fa
```
#eaf5fa rgb(234,245,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#dcdfe0
```
#dcdfe0 rgb(220,223,224)
```
#d9e0e3
```
#d9e0e3 rgb(217,224,227)
```
#d7e1e5
```
#d7e1e5 rgb(215,225,229)
```
#d4e2e8
```
#d4e2e8 rgb(212,226,232)
```
#d2e3ea
```
#d2e3ea rgb(210,227,234)
```
#cfe4ed
```
#cfe4ed rgb(207,228,237)
```
#cde5ef
```
#cde5ef rgb(205,229,239)
```
#cae6f2
```
#cae6f2 rgb(202,230,242)
```
#c7e7f5
```
#c7e7f5 rgb(199,231,245)
```
#c5e8f7
```
#c5e8f7 rgb(197,232,247)
```
#c2e9fa
```
#c2e9fa rgb(194,233,250)
```
#c0eafc
```
#c0eafc rgb(192,234,252)
```
#bdebff
```
#bdebff rgb(189,235,255)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#dbe0e3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2e1ef Protanopia 1% of men
#eeddf6 Deuteranopia 1% of men
#cde6f7 Tritanopia 0.001% of the population

Trichromacy

#d9e3f0 Protanomaly 1% of men, 0.01% of women
#e1e0f4 Deuteranomaly 6% of men, 0.4% of women
#cce6f5 Tritanomaly 0.01% of the population

#cae6f2 hex color

#cae6f2 Color Information

#cae6f2 Color Conversion

Color Schemes with #cae6f2

Alternatives to #cae6f2

#cae6f2 Preview

Shades and Tints of #cae6f2

Tones of #cae6f2

Color Blindness Simulator