#cad2f8 hex color

In a RGB color space, hex #cad2f8 is composed of 79.2% red, 82.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 15.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 229.6 degrees, a saturation of 76.7% and a lightness of 88.2%. #cad2f8 color hex could be obtained by blending #ffffff with #95a5f1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 82
- B 97
RGB color chart
- C 19
- M 15
- Y 0
- K 3
CMYK color chart

● #cad2f8 color description : Light grayish blue.

The hexadecimal color #cad2f8 has RGB values of R:202, G:210, B:248 and CMYK values of C:0.19, M:0.15, Y:0, K:0.03. Its decimal value is 13292280.

Hex triplet	cad2f8	`#cad2f8`
RGB Decimal	202, 210, 248	`rgb(202,210,248)`
RGB Percent	79.2, 82.4, 97.3	`rgb(79.2%,82.4%,97.3%)`
CMYK	19, 15, 0, 3
HSL	229.6°, 76.7, 88.2	`hsl(229.6,76.7%,88.2%)`
HSV (or HSB)	229.6°, 18.5, 97.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.703, 4.964, -19.502
XYZ	64.344, 65.426, 98.04
xyY	0.282, 0.287, 65.426
CIE-LCH	84.703, 20.124, 284.28
CIE-LUV	84.703, -6.33, -31.779
Hunter-Lab	80.887, 0.442, -15.243
Binary	11001010, 11010010, 11111000

#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#f8f0ca
```
#f8f0ca rgb(248,240,202)
```

Complementary Color

#cae9f8
```
#cae9f8 rgb(202,233,248)
```
#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#d9caf8
```
#d9caf8 rgb(217,202,248)
```

Analogous Color

#e9f8ca
```
#e9f8ca rgb(233,248,202)
```
#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#f8d9ca
```
#f8d9ca rgb(248,217,202)
```

Split Complementary Color

#d2f8ca
```
#d2f8ca rgb(210,248,202)
```
#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#f8cad2
```
#f8cad2 rgb(248,202,210)
```

Triadic Color

#caf8f0
```
#caf8f0 rgb(202,248,240)
```
#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#f8cad2
```
#f8cad2 rgb(248,202,210)
```
#f8f0ca
```
#f8f0ca rgb(248,240,202)
```

Tetradic Color

#8699ef
```
#8699ef rgb(134,153,239)
```
#9dacf2
```
#9dacf2 rgb(157,172,242)
```
#b3bff5
```
#b3bff5 rgb(179,191,245)
```
#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#e1e5fb
```
#e1e5fb rgb(225,229,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cadef8
```
#cadef8 rgb(202,222,248)
```
#cadaf8
```
#cadaf8 rgb(202,218,248)
```
#cad6f8
```
#cad6f8 rgb(202,214,248)
```
#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#cacef8
```
#cacef8 rgb(202,206,248)
```
#cacaf8
```
#cacaf8 rgb(202,202,248)
```
#cecaf8
```
#cecaf8 rgb(206,202,248)
```

Similar Colors

Text with hexadecimal color #cad2f8

This text has a font color of #cad2f8.

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

#cad2f8 background color

This paragraph has a background color of #cad2f8.

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

#cad2f8 border color

This element has a border color of #cad2f8.

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

CSS codes

.text {color:#cad2f8;}

.background {background-color:#cad2f8;}

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

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

#020510
```
#020510 rgb(2,5,16)
```
#040a22
```
#040a22 rgb(4,10,34)
```
#070e33
```
#070e33 rgb(7,14,51)
```
#091344
```
#091344 rgb(9,19,68)
```
#0b1856
```
#0b1856 rgb(11,24,86)
```
#0e1d67
```
#0e1d67 rgb(14,29,103)
```
#102278
```
#102278 rgb(16,34,120)
```
#12278a
```
#12278a rgb(18,39,138)
```
#142c9b
```
#142c9b rgb(20,44,155)
```
#1731ac
```
#1731ac rgb(23,49,172)
```
#1936be
```
#1936be rgb(25,54,190)
```
#1b3bcf
```
#1b3bcf rgb(27,59,207)
```
#1e3fe0
```
#1e3fe0 rgb(30,63,224)
```

Shade Color Variation

#2e4ee3
```
#2e4ee3 rgb(46,78,227)
```
#3f5ce6
```
#3f5ce6 rgb(63,92,230)
```
#516be8
```
#516be8 rgb(81,107,232)
```
#627aea
```
#627aea rgb(98,122,234)
```
#7388ed
```
#7388ed rgb(115,136,237)
```
#8597ef
```
#8597ef rgb(133,151,239)
```
#96a6f1
```
#96a6f1 rgb(150,166,241)
```
#a7b5f3
```
#a7b5f3 rgb(167,181,243)
```
#b9c3f6
```
#b9c3f6 rgb(185,195,246)
```
#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#dbe1fa
```
#dbe1fa rgb(219,225,250)
```
#edeffd
```
#edeffd rgb(237,239,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#dfe0e3
```
#dfe0e3 rgb(223,224,227)
```
#dcdee6
```
#dcdee6 rgb(220,222,230)
```
#dadde8
```
#dadde8 rgb(218,221,232)
```
#d8dbea
```
#d8dbea rgb(216,219,234)
```
#d6daec
```
#d6daec rgb(214,218,236)
```
#d3d8ef
```
#d3d8ef rgb(211,216,239)
```
#d1d7f1
```
#d1d7f1 rgb(209,215,241)
```
#cfd5f3
```
#cfd5f3 rgb(207,213,243)
```
#ccd4f6
```
#ccd4f6 rgb(204,212,246)
```
#cad2f8
```
#cad2f8 rgb(202,210,248)
```
#c8d0fa
```
#c8d0fa rgb(200,208,250)
```
#c5cffd
```
#c5cffd rgb(197,207,253)
```
#c3cdff
```
#c3cdff rgb(195,205,255)
```

Tone Color Variation

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

Dichromacy

#ced3f8 Protanopia 1% of men
#d7d1f9 Deuteranopia 1% of men
#c8d7e6 Tritanopia 0.001% of the population

Trichromacy

#ccd3f8 Protanomaly 1% of men, 0.01% of women
#d2d1f8 Deuteranomaly 6% of men, 0.4% of women
#c9d5ed Tritanomaly 0.01% of the population

#cad2f8 hex color

#cad2f8 Color Information

#cad2f8 Color Conversion

Color Schemes with #cad2f8

Alternatives to #cad2f8

#cad2f8 Preview

Shades and Tints of #cad2f8

Tones of #cad2f8

Color Blindness Simulator