#cad4f2 hex color

In a RGB color space, hex #cad4f2 is composed of 79.2% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 225 degrees, a saturation of 60.6% and a lightness of 87.1%. #cad4f2 color hex could be obtained by blending #ffffff with #95a9e5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 83
- B 95
RGB color chart
- C 17
- M 12
- Y 0
- K 5
CMYK color chart

● #cad4f2 color description : Light grayish blue.

The hexadecimal color #cad4f2 has RGB values of R:202, G:212, B:242 and CMYK values of C:0.17, M:0.12, Y:0, K:0.05. Its decimal value is 13292786.

Hex triplet	cad4f2	`#cad4f2`
RGB Decimal	202, 212, 242	`rgb(202,212,242)`
RGB Percent	79.2, 83.1, 94.9	`rgb(79.2%,83.1%,94.9%)`
CMYK	17, 12, 0, 5
HSL	225°, 60.6, 87.1	`hsl(225,60.6%,87.1%)`
HSV (or HSB)	225°, 16.5, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.024, 2.626, -15.84
XYZ	63.924, 66.054, 93.381
xyY	0.286, 0.296, 66.054
CIE-LCH	85.024, 16.056, 279.411
CIE-LUV	85.024, -6.95, -25.409
Hunter-Lab	81.273, -1.832, -11.232
Binary	11001010, 11010100, 11110010

#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#f2e8ca
```
#f2e8ca rgb(242,232,202)
```

Complementary Color

#cae8f2
```
#cae8f2 rgb(202,232,242)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#d4caf2
```
#d4caf2 rgb(212,202,242)
```

Analogous Color

#e8f2ca
```
#e8f2ca rgb(232,242,202)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#f2d4ca
```
#f2d4ca rgb(242,212,202)
```

Split Complementary Color

#d4f2ca
```
#d4f2ca rgb(212,242,202)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#f2cad4
```
#f2cad4 rgb(242,202,212)
```

Triadic Color

#caf2e8
```
#caf2e8 rgb(202,242,232)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#f2cad4
```
#f2cad4 rgb(242,202,212)
```
#f2e8ca
```
#f2e8ca rgb(242,232,202)
```

Tetradic Color

#8da2e3
```
#8da2e3 rgb(141,162,227)
```
#a1b3e8
```
#a1b3e8 rgb(161,179,232)
```
#b6c3ed
```
#b6c3ed rgb(182,195,237)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#dee5f7
```
#dee5f7 rgb(222,229,247)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cadef2
```
#cadef2 rgb(202,222,242)
```
#cadbf2
```
#cadbf2 rgb(202,219,242)
```
#cad7f2
```
#cad7f2 rgb(202,215,242)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#cad1f2
```
#cad1f2 rgb(202,209,242)
```
#cacdf2
```
#cacdf2 rgb(202,205,242)
```
#cacaf2
```
#cacaf2 rgb(202,202,242)
```

Similar Colors

Text with hexadecimal color #cad4f2

This text has a font color of #cad4f2.

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

#cad4f2 background color

This paragraph has a background color of #cad4f2.

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

#cad4f2 border color

This element has a border color of #cad4f2.

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

CSS codes

.text {color:#cad4f2;}

.background {background-color:#cad4f2;}

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

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

#02040a
```
#02040a rgb(2,4,10)
```
#060b1a
```
#060b1a rgb(6,11,26)
```
#0a122a
```
#0a122a rgb(10,18,42)
```
#0e1939
```
#0e1939 rgb(14,25,57)
```
#122049
```
#122049 rgb(18,32,73)
```
#162759
```
#162759 rgb(22,39,89)
```
#1a2d69
```
#1a2d69 rgb(26,45,105)
```
#1e3478
```
#1e3478 rgb(30,52,120)
```
#213b88
```
#213b88 rgb(33,59,136)
```
#254298
```
#254298 rgb(37,66,152)
```
#2949a8
```
#2949a8 rgb(41,73,168)
```
#2d50b7
```
#2d50b7 rgb(45,80,183)
```
#3156c7
```
#3156c7 rgb(49,86,199)
```

Shade Color Variation

#3c61cf
```
#3c61cf rgb(60,97,207)
```
#4c6ed3
```
#4c6ed3 rgb(76,110,211)
```
#5c7bd7
```
#5c7bd7 rgb(92,123,215)
```
#6b87db
```
#6b87db rgb(107,135,219)
```
#7b94df
```
#7b94df rgb(123,148,223)
```
#8ba1e3
```
#8ba1e3 rgb(139,161,227)
```
#9baee6
```
#9baee6 rgb(155,174,230)
```
#aabaea
```
#aabaea rgb(170,186,234)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#dae1f6
```
#dae1f6 rgb(218,225,246)
```
#eaeefa
```
#eaeefa rgb(234,238,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#dcdde0
```
#dcdde0 rgb(220,221,224)
```
#d9dce3
```
#d9dce3 rgb(217,220,227)
```
#d7dae5
```
#d7dae5 rgb(215,218,229)
```
#d4d9e8
```
#d4d9e8 rgb(212,217,232)
```
#d2d8ea
```
#d2d8ea rgb(210,216,234)
```
#cfd7ed
```
#cfd7ed rgb(207,215,237)
```
#cdd5ef
```
#cdd5ef rgb(205,213,239)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#c7d3f5
```
#c7d3f5 rgb(199,211,245)
```
#c5d1f7
```
#c5d1f7 rgb(197,209,247)
```
#c2d0fa
```
#c2d0fa rgb(194,208,250)
```
#c0cffc
```
#c0cffc rgb(192,207,252)
```
#bdceff
```
#bdceff rgb(189,206,255)
```

Tone Color Variation

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

Dichromacy

#d1d4f1 Protanopia 1% of men
#dbd1f4 Deuteranopia 1% of men
#cad8e7 Tritanopia 0.001% of the population

Trichromacy

#ced4f1 Protanomaly 1% of men, 0.01% of women
#d5d2f3 Deuteranomaly 6% of men, 0.4% of women
#cad6eb Tritanomaly 0.01% of the population

#cad4f2 hex color

#cad4f2 Color Information

#cad4f2 Color Conversion

Color Schemes with #cad4f2

Alternatives to #cad4f2

#cad4f2 Preview

Shades and Tints of #cad4f2

Tones of #cad4f2

Color Blindness Simulator