#cad3d9 hex color

In a RGB color space, hex #cad3d9 is composed of 79.2% red, 82.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 2.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 204 degrees, a saturation of 16.5% and a lightness of 82.2%. #cad3d9 color hex could be obtained by blending #ffffff with #95a7b3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 79
- G 83
- B 85
RGB color chart
- C 7
- M 3
- Y 0
- K 15
CMYK color chart

● #cad3d9 color description : Light grayish blue.

The hexadecimal color #cad3d9 has RGB values of R:202, G:211, B:217 and CMYK values of C:0.07, M:0.03, Y:0, K:0.15. Its decimal value is 13292505.

Hex triplet	cad3d9	`#cad3d9`
RGB Decimal	202, 211, 217	`rgb(202,211,217)`
RGB Percent	79.2, 82.7, 85.1	`rgb(79.2%,82.7%,85.1%)`
CMYK	7, 3, 0, 15
HSL	204°, 16.5, 82.2	`hsl(204,16.5%,82.2%)`
HSV (or HSB)	204°, 6.9, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.046, -1.903, -4.022
XYZ	60.173, 64.154, 74.855
xyY	0.302, 0.322, 64.154
CIE-LCH	84.046, 4.45, 244.686
CIE-LUV	84.046, -5.278, -5.827
Hunter-Lab	80.096, -6.069, 0.658
Binary	11001010, 11010011, 11011001

#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#d9d0ca
```
#d9d0ca rgb(217,208,202)
```

Complementary Color

#cad9d8
```
#cad9d8 rgb(202,217,216)
```
#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#caccd9
```
#caccd9 rgb(202,204,217)
```

Analogous Color

#d9d8ca
```
#d9d8ca rgb(217,216,202)
```
#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#d9cacc
```
#d9cacc rgb(217,202,204)
```

Split Complementary Color

#d3d9ca
```
#d3d9ca rgb(211,217,202)
```
#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#d9cad3
```
#d9cad3 rgb(217,202,211)
```

Triadic Color

#cad9d0
```
#cad9d0 rgb(202,217,208)
```
#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#d9cad3
```
#d9cad3 rgb(217,202,211)
```
#d9d0ca
```
#d9d0ca rgb(217,208,202)
```

Tetradic Color

#9daeb9
```
#9daeb9 rgb(157,174,185)
```
#acbac4
```
#acbac4 rgb(172,186,196)
```
#bbc7ce
```
#bbc7ce rgb(187,199,206)
```
#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#d9dfe4
```
#d9dfe4 rgb(217,223,228)
```
#e8ecee
```
#e8ecee rgb(232,236,238)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Monochromatic Color

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

#cad7d9
```
#cad7d9 rgb(202,215,217)
```
#cad6d9
```
#cad6d9 rgb(202,214,217)
```
#cad4d9
```
#cad4d9 rgb(202,212,217)
```
#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#cad2d9
```
#cad2d9 rgb(202,210,217)
```
#cad1d9
```
#cad1d9 rgb(202,209,217)
```
#cacfd9
```
#cacfd9 rgb(202,207,217)
```

Similar Colors

Text with hexadecimal color #cad3d9

This text has a font color of #cad3d9.

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

#cad3d9 background color

This paragraph has a background color of #cad3d9.

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

#cad3d9 border color

This element has a border color of #cad3d9.

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

CSS codes

.text {color:#cad3d9;}

.background {background-color:#cad3d9;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0e10
```
#0b0e10 rgb(11,14,16)
```
#13181b
```
#13181b rgb(19,24,27)
```
#1c2226
```
#1c2226 rgb(28,34,38)
```
#242c32
```
#242c32 rgb(36,44,50)
```
#2c363d
```
#2c363d rgb(44,54,61)
```
#344049
```
#344049 rgb(52,64,73)
```
#3c4b54
```
#3c4b54 rgb(60,75,84)
```
#445560
```
#445560 rgb(68,85,96)
```
#4d5f6b
```
#4d5f6b rgb(77,95,107)
```
#556976
```
#556976 rgb(85,105,118)
```
#5d7382
```
#5d7382 rgb(93,115,130)
```
#657d8d
```
#657d8d rgb(101,125,141)
```

Shade Color Variation

#6f8797
```
#6f8797 rgb(111,135,151)
```
#7a91a0
```
#7a91a0 rgb(122,145,160)
```
#859aa8
```
#859aa8 rgb(133,154,168)
```
#91a4b0
```
#91a4b0 rgb(145,164,176)
```
#9cadb8
```
#9cadb8 rgb(156,173,184)
```
#a8b7c0
```
#a8b7c0 rgb(168,183,192)
```
#b3c0c9
```
#b3c0c9 rgb(179,192,201)
```
#bfcad1
```
#bfcad1 rgb(191,202,209)
```
#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#d5dce1
```
#d5dce1 rgb(213,220,225)
```
#e1e6e9
```
#e1e6e9 rgb(225,230,233)
```
#eceff2
```
#eceff2 rgb(236,239,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#d1d2d2
```
#d1d2d2 rgb(209,210,210)
```
#ced2d6
```
#ced2d6 rgb(206,210,214)
```
#cad3d9
```
#cad3d9 rgb(202,211,217)
```
#c7d4dd
```
#c7d4dd rgb(199,212,221)
```
#c3d4e0
```
#c3d4e0 rgb(195,212,224)
```
#c0d5e4
```
#c0d5e4 rgb(192,213,228)
```
#bcd6e7
```
#bcd6e7 rgb(188,214,231)
```
#b9d7eb
```
#b9d7eb rgb(185,215,235)
```
#b5d7ee
```
#b5d7ee rgb(181,215,238)
```
#b2d8f2
```
#b2d8f2 rgb(178,216,242)
```
#aed9f5
```
#aed9f5 rgb(174,217,245)
```
#abd9f9
```
#abd9f9 rgb(171,217,249)
```
#a7dafc
```
#a7dafc rgb(167,218,252)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0d1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d2d9 Protanopia 1% of men
#e3cedd Deuteranopia 1% of men
#ced3e3 Tritanopia 0.001% of the population

Trichromacy

#d1d2d9 Protanomaly 1% of men, 0.01% of women
#d9cfdb Deuteranomaly 6% of men, 0.4% of women
#ccd3df Tritanomaly 0.01% of the population

#cad3d9 hex color

#cad3d9 Color Information

#cad3d9 Color Conversion

Color Schemes with #cad3d9

Alternatives to #cad3d9

#cad3d9 Preview

Shades and Tints of #cad3d9

Tones of #cad3d9

Color Blindness Simulator