#cad1f9 hex color

In a RGB color space, hex #cad1f9 is composed of 79.2% red, 82% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 16.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 231.1 degrees, a saturation of 79.7% and a lightness of 88.4%. #cad1f9 color hex could be obtained by blending #ffffff with #95a3f3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 82
- B 98
RGB color chart
- C 19
- M 16
- Y 0
- K 2
CMYK color chart

● #cad1f9 color description : Light grayish blue.

The hexadecimal color #cad1f9 has RGB values of R:202, G:209, B:249 and CMYK values of C:0.19, M:0.16, Y:0, K:0.02. Its decimal value is 13292025.

Hex triplet	cad1f9	`#cad1f9`
RGB Decimal	202, 209, 249	`rgb(202,209,249)`
RGB Percent	79.2, 82, 97.6	`rgb(79.2%,82%,97.6%)`
CMYK	19, 16, 0, 2
HSL	231.1°, 79.7, 88.4	`hsl(231.1,79.7%,88.4%)`
HSV (or HSB)	231.1°, 18.9, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.482, 5.711, -20.366
XYZ	64.253, 64.996, 98.778
xyY	0.282, 0.285, 64.996
CIE-LCH	84.482, 21.152, 285.664
CIE-LUV	84.482, -5.928, -33.314
Hunter-Lab	80.62, 1.176, -16.209
Binary	11001010, 11010001, 11111001

#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#f9f2ca
```
#f9f2ca rgb(249,242,202)
```

Complementary Color

#cae9f9
```
#cae9f9 rgb(202,233,249)
```
#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#dbcaf9
```
#dbcaf9 rgb(219,202,249)
```

Analogous Color

#e9f9ca
```
#e9f9ca rgb(233,249,202)
```
#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#f9dbca
```
#f9dbca rgb(249,219,202)
```

Split Complementary Color

#d1f9ca
```
#d1f9ca rgb(209,249,202)
```
#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#f9cad1
```
#f9cad1 rgb(249,202,209)
```

Triadic Color

#caf9f2
```
#caf9f2 rgb(202,249,242)
```
#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#f9cad1
```
#f9cad1 rgb(249,202,209)
```
#f9f2ca
```
#f9f2ca rgb(249,242,202)
```

Tetradic Color

#8595f1
```
#8595f1 rgb(133,149,241)
```
#9ca9f4
```
#9ca9f4 rgb(156,169,244)
```
#b3bdf6
```
#b3bdf6 rgb(179,189,246)
```
#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#e1e5fc
```
#e1e5fc rgb(225,229,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caddf9
```
#caddf9 rgb(202,221,249)
```
#cad9f9
```
#cad9f9 rgb(202,217,249)
```
#cad5f9
```
#cad5f9 rgb(202,213,249)
```
#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#cacdf9
```
#cacdf9 rgb(202,205,249)
```
#cbcaf9
```
#cbcaf9 rgb(203,202,249)
```
#cfcaf9
```
#cfcaf9 rgb(207,202,249)
```

Similar Colors

Text with hexadecimal color #cad1f9

This text has a font color of #cad1f9.

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

#cad1f9 background color

This paragraph has a background color of #cad1f9.

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

#cad1f9 border color

This element has a border color of #cad1f9.

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

CSS codes

.text {color:#cad1f9;}

.background {background-color:#cad1f9;}

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

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

#020411
```
#020411 rgb(2,4,17)
```
#040923
```
#040923 rgb(4,9,35)
```
#060d35
```
#060d35 rgb(6,13,53)
```
#081146
```
#081146 rgb(8,17,70)
```
#0a1658
```
#0a1658 rgb(10,22,88)
```
#0c1a6a
```
#0c1a6a rgb(12,26,106)
```
#0e1e7b
```
#0e1e7b rgb(14,30,123)
```
#10238d
```
#10238d rgb(16,35,141)
```
#12279e
```
#12279e rgb(18,39,158)
```
#142bb0
```
#142bb0 rgb(20,43,176)
```
#1630c2
```
#1630c2 rgb(22,48,194)
```
#1834d3
```
#1834d3 rgb(24,52,211)
```
#1a38e5
```
#1a38e5 rgb(26,56,229)
```

Shade Color Variation

#2b47e7
```
#2b47e7 rgb(43,71,231)
```
#3d57e9
```
#3d57e9 rgb(61,87,233)
```
#4f66eb
```
#4f66eb rgb(79,102,235)
```
#6075ed
```
#6075ed rgb(96,117,237)
```
#7285ef
```
#7285ef rgb(114,133,239)
```
#8494f1
```
#8494f1 rgb(132,148,241)
```
#95a3f3
```
#95a3f3 rgb(149,163,243)
```
#a7b2f5
```
#a7b2f5 rgb(167,178,245)
```
#b8c2f7
```
#b8c2f7 rgb(184,194,247)
```
#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#dce0fb
```
#dce0fb rgb(220,224,251)
```
#edf0fd
```
#edf0fd rgb(237,240,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#e1e1e2
```
#e1e1e2 rgb(225,225,226)
```
#dedfe5
```
#dedfe5 rgb(222,223,229)
```
#dcdee7
```
#dcdee7 rgb(220,222,231)
```
#dadce9
```
#dadce9 rgb(218,220,233)
```
#d8dbeb
```
#d8dbeb rgb(216,219,235)
```
#d5d9ee
```
#d5d9ee rgb(213,217,238)
```
#d3d7f0
```
#d3d7f0 rgb(211,215,240)
```
#d1d6f2
```
#d1d6f2 rgb(209,214,242)
```
#cfd4f4
```
#cfd4f4 rgb(207,212,244)
```
#ccd3f7
```
#ccd3f7 rgb(204,211,247)
```
#cad1f9
```
#cad1f9 rgb(202,209,249)
```
#c8cffb
```
#c8cffb rgb(200,207,251)
```
#c5cefe
```
#c5cefe rgb(197,206,254)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d1d3db Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd3f9 Protanopia 1% of men
#d5d0fa Deuteranopia 1% of men
#c8d6e6 Tritanopia 0.001% of the population

Trichromacy

#cbd2f9 Protanomaly 1% of men, 0.01% of women
#d1d0f9 Deuteranomaly 6% of men, 0.4% of women
#c9d4ed Tritanomaly 0.01% of the population

#cad1f9 hex color

#cad1f9 Color Information

#cad1f9 Color Conversion

Color Schemes with #cad1f9

Alternatives to #cad1f9

#cad1f9 Preview

Shades and Tints of #cad1f9

Tones of #cad1f9

Color Blindness Simulator