#cad9f7 hex color

In a RGB color space, hex #cad9f7 is composed of 79.2% red, 85.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 12.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 220 degrees, a saturation of 73.8% and a lightness of 88%. #cad9f7 color hex could be obtained by blending #ffffff with #95b3ef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 85
- B 97
RGB color chart
- C 18
- M 12
- Y 0
- K 3
CMYK color chart

● #cad9f7 color description : Light grayish blue.

The hexadecimal color #cad9f7 has RGB values of R:202, G:217, B:247 and CMYK values of C:0.18, M:0.12, Y:0, K:0.03. Its decimal value is 13294071.

Hex triplet	cad9f7	`#cad9f7`
RGB Decimal	202, 217, 247	`rgb(202,217,247)`
RGB Percent	79.2, 85.1, 96.9	`rgb(79.2%,85.1%,96.9%)`
CMYK	18, 12, 0, 3
HSL	220°, 73.8, 88	`hsl(220,73.8%,88%)`
HSV (or HSB)	220°, 18.2, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.453, 1.056, -16.336
XYZ	65.955, 68.897, 97.814
xyY	0.283, 0.296, 68.897
CIE-LCH	86.453, 16.37, 273.698
CIE-LUV	86.453, -9.473, -26.023
Hunter-Lab	83.004, -3.421, -11.766
Binary	11001010, 11011001, 11110111

#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#f7e8ca
```
#f7e8ca rgb(247,232,202)
```

Complementary Color

#caf0f7
```
#caf0f7 rgb(202,240,247)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#d2caf7
```
#d2caf7 rgb(210,202,247)
```

Analogous Color

#f0f7ca
```
#f0f7ca rgb(240,247,202)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#f7d2ca
```
#f7d2ca rgb(247,210,202)
```

Split Complementary Color

#d9f7ca
```
#d9f7ca rgb(217,247,202)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#f7cad9
```
#f7cad9 rgb(247,202,217)
```

Triadic Color

#caf7e8
```
#caf7e8 rgb(202,247,232)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#f7cad9
```
#f7cad9 rgb(247,202,217)
```
#f7e8ca
```
#f7e8ca rgb(247,232,202)
```

Tetradic Color

#88a9ed
```
#88a9ed rgb(136,169,237)
```
#9eb9f0
```
#9eb9f0 rgb(158,185,240)
```
#b4c9f4
```
#b4c9f4 rgb(180,201,244)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#e0e9fa
```
#e0e9fa rgb(224,233,250)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cae4f7
```
#cae4f7 rgb(202,228,247)
```
#cae1f7
```
#cae1f7 rgb(202,225,247)
```
#caddf7
```
#caddf7 rgb(202,221,247)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#cad5f7
```
#cad5f7 rgb(202,213,247)
```
#cad2f7
```
#cad2f7 rgb(202,210,247)
```
#cacef7
```
#cacef7 rgb(202,206,247)
```

Similar Colors

Text with hexadecimal color #cad9f7

This text has a font color of #cad9f7.

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

#cad9f7 background color

This paragraph has a background color of #cad9f7.

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

#cad9f7 border color

This element has a border color of #cad9f7.

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

CSS codes

.text {color:#cad9f7;}

.background {background-color:#cad9f7;}

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

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, #02070f is the darkest color, while #fdfeff is the lightest one.

#02070f
```
#02070f rgb(2,7,15)
```
#050e20
```
#050e20 rgb(5,14,32)
```
#071531
```
#071531 rgb(7,21,49)
```
#0a1d42
```
#0a1d42 rgb(10,29,66)
```
#0d2453
```
#0d2453 rgb(13,36,83)
```
#0f2c64
```
#0f2c64 rgb(15,44,100)
```
#123375
```
#123375 rgb(18,51,117)
```
#143a86
```
#143a86 rgb(20,58,134)
```
#174298
```
#174298 rgb(23,66,152)
```
#1949a9
```
#1949a9 rgb(25,73,169)
```
#1c51ba
```
#1c51ba rgb(28,81,186)
```
#1f58cb
```
#1f58cb rgb(31,88,203)
```
#215fdc
```
#215fdc rgb(33,95,220)
```

Shade Color Variation

#316be0
```
#316be0 rgb(49,107,224)
```
#4277e2
```
#4277e2 rgb(66,119,226)
```
#5383e5
```
#5383e5 rgb(83,131,229)
```
#6490e8
```
#6490e8 rgb(100,144,232)
```
#759cea
```
#759cea rgb(117,156,234)
```
#86a8ed
```
#86a8ed rgb(134,168,237)
```
#97b4ef
```
#97b4ef rgb(151,180,239)
```
#a8c1f2
```
#a8c1f2 rgb(168,193,242)
```
#b9cdf4
```
#b9cdf4 rgb(185,205,244)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#dbe5fa
```
#dbe5fa rgb(219,229,250)
```
#ecf1fc
```
#ecf1fc rgb(236,241,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#dfe0e2
```
#dfe0e2 rgb(223,224,226)
```
#dddfe4
```
#dddfe4 rgb(221,223,228)
```
#dadee7
```
#dadee7 rgb(218,222,231)
```
#d8dee9
```
#d8dee9 rgb(216,222,233)
```
#d6ddeb
```
#d6ddeb rgb(214,221,235)
```
#d3dcee
```
#d3dcee rgb(211,220,238)
```
#d1dbf0
```
#d1dbf0 rgb(209,219,240)
```
#cfdbf2
```
#cfdbf2 rgb(207,219,242)
```
#ccdaf5
```
#ccdaf5 rgb(204,218,245)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#c8d8f9
```
#c8d8f9 rgb(200,216,249)
```
#c5d7fc
```
#c5d7fc rgb(197,215,252)
```
#c3d7fe
```
#c3d7fe rgb(195,215,254)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d5d8de Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d8f6 Protanopia 1% of men
#dfd5f9 Deuteranopia 1% of men
#cadcec Tritanopia 0.001% of the population

Trichromacy

#d1d8f6 Protanomaly 1% of men, 0.01% of women
#d7d6f8 Deuteranomaly 6% of men, 0.4% of women
#cadbf0 Tritanomaly 0.01% of the population

#cad9f7 hex color

#cad9f7 Color Information

#cad9f7 Color Conversion

Color Schemes with #cad9f7

Alternatives to #cad9f7

#cad9f7 Preview

Shades and Tints of #cad9f7

Tones of #cad9f7

Color Blindness Simulator