#cad4dd hex color

In a RGB color space, hex #cad4dd is composed of 79.2% red, 83.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 4.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 208.4 degrees, a saturation of 21.8% and a lightness of 82.9%. #cad4dd color hex could be obtained by blending #ffffff with #95a9bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 79
- G 83
- B 87
RGB color chart
- C 9
- M 4
- Y 0
- K 13
CMYK color chart

● #cad4dd color description : Light grayish blue.

The hexadecimal color #cad4dd has RGB values of R:202, G:212, B:221 and CMYK values of C:0.09, M:0.04, Y:0, K:0.13. Its decimal value is 13292765.

Hex triplet	cad4dd	`#cad4dd`
RGB Decimal	202, 212, 221	`rgb(202,212,221)`
RGB Percent	79.2, 83.1, 86.7	`rgb(79.2%,83.1%,86.7%)`
CMYK	9, 4, 0, 13
HSL	208.4°, 21.8, 82.9	`hsl(208.4,21.8%,82.9%)`
HSV (or HSB)	208.4°, 8.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.413, -1.648, -5.607
XYZ	60.949, 64.863, 77.712
xyY	0.299, 0.319, 64.863
CIE-LCH	84.413, 5.844, 253.619
CIE-LUV	84.413, -5.953, -8.338
Hunter-Lab	80.538, -5.857, -0.833
Binary	11001010, 11010100, 11011101

#cad4dd
```
#cad4dd rgb(202,212,221)
```
#ddd3ca
```
#ddd3ca rgb(221,211,202)
```

Complementary Color

#cadddd
```
#cadddd rgb(202,221,221)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#cacbdd
```
#cacbdd rgb(202,203,221)
```

Analogous Color

#ddddca
```
#ddddca rgb(221,221,202)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#ddcacb
```
#ddcacb rgb(221,202,203)
```

Split Complementary Color

#d4ddca
```
#d4ddca rgb(212,221,202)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#ddcad4
```
#ddcad4 rgb(221,202,212)
```

Triadic Color

#caddd3
```
#caddd3 rgb(202,221,211)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#ddcad4
```
#ddcad4 rgb(221,202,212)
```
#ddd3ca
```
#ddd3ca rgb(221,211,202)
```

Tetradic Color

#9baebf
```
#9baebf rgb(155,174,191)
```
#abbbc9
```
#abbbc9 rgb(171,187,201)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#dae1e7
```
#dae1e7 rgb(218,225,231)
```
#e9edf1
```
#e9edf1 rgb(233,237,241)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Monochromatic Color

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

#cad9dd
```
#cad9dd rgb(202,217,221)
```
#cad7dd
```
#cad7dd rgb(202,215,221)
```
#cad6dd
```
#cad6dd rgb(202,214,221)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#cad2dd
```
#cad2dd rgb(202,210,221)
```
#cad1dd
```
#cad1dd rgb(202,209,221)
```
#cacfdd
```
#cacfdd rgb(202,207,221)
```

Similar Colors

Text with hexadecimal color #cad4dd

This text has a font color of #cad4dd.

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

#cad4dd background color

This paragraph has a background color of #cad4dd.

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

#cad4dd border color

This element has a border color of #cad4dd.

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

CSS codes

.text {color:#cad4dd;}

.background {background-color:#cad4dd;}

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0c1013
```
#0c1013 rgb(12,16,19)
```
#14191f
```
#14191f rgb(20,25,31)
```
#1b232b
```
#1b232b rgb(27,35,43)
```
#232d37
```
#232d37 rgb(35,45,55)
```
#2b3742
```
#2b3742 rgb(43,55,66)
```
#32414e
```
#32414e rgb(50,65,78)
```
#3a4b5a
```
#3a4b5a rgb(58,75,90)
```
#425566
```
#425566 rgb(66,85,102)
```
#495f72
```
#495f72 rgb(73,95,114)
```
#51697e
```
#51697e rgb(81,105,126)
```
#59738a
```
#59738a rgb(89,115,138)
```
#607d96
```
#607d96 rgb(96,125,150)
```

Shade Color Variation

#6a86a0
```
#6a86a0 rgb(106,134,160)
```
#7690a7
```
#7690a7 rgb(118,144,167)
```
#829aaf
```
#829aaf rgb(130,154,175)
```
#8ea4b7
```
#8ea4b7 rgb(142,164,183)
```
#9aadbe
```
#9aadbe rgb(154,173,190)
```
#a6b7c6
```
#a6b7c6 rgb(166,183,198)
```
#b2c1ce
```
#b2c1ce rgb(178,193,206)
```
#becad5
```
#becad5 rgb(190,202,213)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#d6dee5
```
#d6dee5 rgb(214,222,229)
```
#e2e7ec
```
#e2e7ec rgb(226,231,236)
```
#eef1f4
```
#eef1f4 rgb(238,241,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#d1d4d6
```
#d1d4d6 rgb(209,212,214)
```
#cdd4da
```
#cdd4da rgb(205,212,218)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#c7d4e0
```
#c7d4e0 rgb(199,212,224)
```
#c3d4e4
```
#c3d4e4 rgb(195,212,228)
```
#c0d5e7
```
#c0d5e7 rgb(192,213,231)
```
#bdd5ea
```
#bdd5ea rgb(189,213,234)
```
#b9d5ee
```
#b9d5ee rgb(185,213,238)
```
#b6d5f1
```
#b6d5f1 rgb(182,213,241)
```
#b3d5f4
```
#b3d5f4 rgb(179,213,244)
```
#afd5f8
```
#afd5f8 rgb(175,213,248)
```
#acd6fb
```
#acd6fb rgb(172,214,251)
```
#a9d6fe
```
#a9d6fe rgb(169,214,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d0d2d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3dd Protanopia 1% of men
#e2cfe1 Deuteranopia 1% of men
#cdd5e4 Tritanopia 0.001% of the population

Trichromacy

#d1d3dd Protanomaly 1% of men, 0.01% of women
#d9d0df Deuteranomaly 6% of men, 0.4% of women
#ccd4e1 Tritanomaly 0.01% of the population

#cad4dd hex color

#cad4dd Color Information

#cad4dd Color Conversion

Color Schemes with #cad4dd

Alternatives to #cad4dd

#cad4dd Preview

Shades and Tints of #cad4dd

Tones of #cad4dd

Color Blindness Simulator