#cad7e2 hex color

In a RGB color space, hex #cad7e2 is composed of 79.2% red, 84.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 4.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 207.5 degrees, a saturation of 29.3% and a lightness of 83.9%. #cad7e2 color hex could be obtained by blending #ffffff with #95afc5. Closest websafe color is: #cccccc.

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

● #cad7e2 color description : Light grayish blue.

The hexadecimal color #cad7e2 has RGB values of R:202, G:215, B:226 and CMYK values of C:0.11, M:0.05, Y:0, K:0.11. Its decimal value is 13293538.

Hex triplet	cad7e2	`#cad7e2`
RGB Decimal	202, 215, 226	`rgb(202,215,226)`
RGB Percent	79.2, 84.3, 88.6	`rgb(79.2%,84.3%,88.6%)`
CMYK	11, 5, 0, 11
HSL	207.5°, 29.3, 83.9	`hsl(207.5,29.3%,83.9%)`
HSV (or HSB)	207.5°, 10.6, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.326, -2.228, -6.911
XYZ	62.382, 66.648, 81.525
xyY	0.296, 0.317, 66.648
CIE-LCH	85.326, 7.261, 252.132
CIE-LUV	85.326, -7.626, -10.3
Hunter-Lab	81.638, -6.469, -2.061
Binary	11001010, 11010111, 11100010

#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#e2d5ca
```
#e2d5ca rgb(226,213,202)
```

Complementary Color

#cae2e1
```
#cae2e1 rgb(202,226,225)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#cacbe2
```
#cacbe2 rgb(202,203,226)
```

Analogous Color

#e2e1ca
```
#e2e1ca rgb(226,225,202)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#e2cacb
```
#e2cacb rgb(226,202,203)
```

Split Complementary Color

#d7e2ca
```
#d7e2ca rgb(215,226,202)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#e2cad7
```
#e2cad7 rgb(226,202,215)
```

Triadic Color

#cae2d5
```
#cae2d5 rgb(202,226,213)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#e2cad7
```
#e2cad7 rgb(226,202,215)
```
#e2d5ca
```
#e2d5ca rgb(226,213,202)
```

Tetradic Color

#99b2c7
```
#99b2c7 rgb(153,178,199)
```
#a9bed0
```
#a9bed0 rgb(169,190,208)
```
#bacbd9
```
#bacbd9 rgb(186,203,217)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#dae3eb
```
#dae3eb rgb(218,227,235)
```
#ebf0f4
```
#ebf0f4 rgb(235,240,244)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Monochromatic Color

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

#cadde2
```
#cadde2 rgb(202,221,226)
```
#cadbe2
```
#cadbe2 rgb(202,219,226)
```
#cad9e2
```
#cad9e2 rgb(202,217,226)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#cad5e2
```
#cad5e2 rgb(202,213,226)
```
#cad3e2
```
#cad3e2 rgb(202,211,226)
```
#cad1e2
```
#cad1e2 rgb(202,209,226)
```

Similar Colors

Text with hexadecimal color #cad7e2

This text has a font color of #cad7e2.

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

#cad7e2 background color

This paragraph has a background color of #cad7e2.

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

#cad7e2 border color

This element has a border color of #cad7e2.

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

CSS codes

.text {color:#cad7e2;}

.background {background-color:#cad7e2;}

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

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

#06080a
```
#06080a rgb(6,8,10)
```
#0d1217
```
#0d1217 rgb(13,18,23)
```
#141c24
```
#141c24 rgb(20,28,36)
```
#1a2630
```
#1a2630 rgb(26,38,48)
```
#21303d
```
#21303d rgb(33,48,61)
```
#283a4a
```
#283a4a rgb(40,58,74)
```
#2f4556
```
#2f4556 rgb(47,69,86)
```
#364f63
```
#364f63 rgb(54,79,99)
```
#3d5970
```
#3d5970 rgb(61,89,112)
```
#44637c
```
#44637c rgb(68,99,124)
```
#4b6d89
```
#4b6d89 rgb(75,109,137)
```
#527796
```
#527796 rgb(82,119,150)
```
#5981a3
```
#5981a3 rgb(89,129,163)
```

Shade Color Variation

#658aab
```
#658aab rgb(101,138,171)
```
#7194b1
```
#7194b1 rgb(113,148,177)
```
#7e9eb8
```
#7e9eb8 rgb(126,158,184)
```
#8ba7bf
```
#8ba7bf rgb(139,167,191)
```
#97b1c6
```
#97b1c6 rgb(151,177,198)
```
#a4bacd
```
#a4bacd rgb(164,186,205)
```
#b1c4d4
```
#b1c4d4 rgb(177,196,212)
```
#bdcddb
```
#bdcddb rgb(189,205,219)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#d7e1e9
```
#d7e1e9 rgb(215,225,233)
```
#e3eaf0
```
#e3eaf0 rgb(227,234,240)
```
#f0f4f7
```
#f0f4f7 rgb(240,244,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#d3d6d9
```
#d3d6d9 rgb(211,214,217)
```
#d0d6dc
```
#d0d6dc rgb(208,214,220)
```
#cdd7df
```
#cdd7df rgb(205,215,223)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#c7d7e5
```
#c7d7e5 rgb(199,215,229)
```
#c4d8e8
```
#c4d8e8 rgb(196,216,232)
```
#c1d8eb
```
#c1d8eb rgb(193,216,235)
```
#bdd8ef
```
#bdd8ef rgb(189,216,239)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#b7d9f5
```
#b7d9f5 rgb(183,217,245)
```
#b4d9f8
```
#b4d9f8 rgb(180,217,248)
```
#b1d9fb
```
#b1d9fb rgb(177,217,251)
```
#aed9fe
```
#aed9fe rgb(174,217,254)
```

Tone Color Variation

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

Dichromacy

#d7d6e1 Protanopia 1% of men
#e4d1e5 Deuteranopia 1% of men
#cdd8e7 Tritanopia 0.001% of the population

Trichromacy

#d2d6e1 Protanomaly 1% of men, 0.01% of women
#dad3e4 Deuteranomaly 6% of men, 0.4% of women
#ccd7e5 Tritanomaly 0.01% of the population

#cad7e2 hex color

#cad7e2 Color Information

#cad7e2 Color Conversion

Color Schemes with #cad7e2

Alternatives to #cad7e2

#cad7e2 Preview

Shades and Tints of #cad7e2

Tones of #cad7e2

Color Blindness Simulator