#cad4f4 hex color

In a RGB color space, hex #cad4f4 is composed of 79.2% red, 83.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 13.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 225.7 degrees, a saturation of 65.6% and a lightness of 87.5%. #cad4f4 color hex could be obtained by blending #ffffff with #95a9e9. Closest websafe color is: #ccccff.

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

● #cad4f4 color description : Light grayish blue.

The hexadecimal color #cad4f4 has RGB values of R:202, G:212, B:244 and CMYK values of C:0.17, M:0.13, Y:0, K:0.04. Its decimal value is 13292788.

Hex triplet	cad4f4	`#cad4f4`
RGB Decimal	202, 212, 244	`rgb(202,212,244)`
RGB Percent	79.2, 83.1, 95.7	`rgb(79.2%,83.1%,95.7%)`
CMYK	17, 13, 0, 4
HSL	225.7°, 65.6, 87.5	`hsl(225.7,65.6%,87.5%)`
HSV (or HSB)	225.7°, 17.2, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.085, 3.049, -16.807
XYZ	64.227, 66.174, 94.972
xyY	0.285, 0.294, 66.174
CIE-LCH	85.085, 17.081, 280.283
CIE-LUV	85.085, -7.046, -27.06
Hunter-Lab	81.348, -1.427, -12.277
Binary	11001010, 11010100, 11110100

#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#f4eaca
```
#f4eaca rgb(244,234,202)
```

Complementary Color

#cae9f4
```
#cae9f4 rgb(202,233,244)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#d5caf4
```
#d5caf4 rgb(213,202,244)
```

Analogous Color

#e9f4ca
```
#e9f4ca rgb(233,244,202)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#f4d5ca
```
#f4d5ca rgb(244,213,202)
```

Split Complementary Color

#d4f4ca
```
#d4f4ca rgb(212,244,202)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#f4cad4
```
#f4cad4 rgb(244,202,212)
```

Triadic Color

#caf4ea
```
#caf4ea rgb(202,244,234)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#f4cad4
```
#f4cad4 rgb(244,202,212)
```
#f4eaca
```
#f4eaca rgb(244,234,202)
```

Tetradic Color

#8ba1e7
```
#8ba1e7 rgb(139,161,231)
```
#a0b2eb
```
#a0b2eb rgb(160,178,235)
```
#b5c3f0
```
#b5c3f0 rgb(181,195,240)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#dfe5f8
```
#dfe5f8 rgb(223,229,248)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cadff4
```
#cadff4 rgb(202,223,244)
```
#cadbf4
```
#cadbf4 rgb(202,219,244)
```
#cad8f4
```
#cad8f4 rgb(202,216,244)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#cad1f4
```
#cad1f4 rgb(202,209,244)
```
#cacdf4
```
#cacdf4 rgb(202,205,244)
```
#cbcaf4
```
#cbcaf4 rgb(203,202,244)
```

Similar Colors

Text with hexadecimal color #cad4f4

This text has a font color of #cad4f4.

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

#cad4f4 background color

This paragraph has a background color of #cad4f4.

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

#cad4f4 border color

This element has a border color of #cad4f4.

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

CSS codes

.text {color:#cad4f4;}

.background {background-color:#cad4f4;}

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

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, #02050c is the darkest color, while #fbfcfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#060b1c
```
#060b1c rgb(6,11,28)
```
#09122c
```
#09122c rgb(9,18,44)
```
#0d183d
```
#0d183d rgb(13,24,61)
```
#101e4d
```
#101e4d rgb(16,30,77)
```
#13255d
```
#13255d rgb(19,37,93)
```
#172b6d
```
#172b6d rgb(23,43,109)
```
#1a327e
```
#1a327e rgb(26,50,126)
```
#1d388e
```
#1d388e rgb(29,56,142)
```
#213f9e
```
#213f9e rgb(33,63,158)
```
#2445ae
```
#2445ae rgb(36,69,174)
```
#284cbf
```
#284cbf rgb(40,76,191)
```
#2b52cf
```
#2b52cf rgb(43,82,207)
```

Shade Color Variation

#385dd6
```
#385dd6 rgb(56,93,214)
```
#486bd9
```
#486bd9 rgb(72,107,217)
```
#5878dc
```
#5878dc rgb(88,120,220)
```
#6985e0
```
#6985e0 rgb(105,133,224)
```
#7992e3
```
#7992e3 rgb(121,146,227)
```
#899fe7
```
#899fe7 rgb(137,159,231)
```
#99acea
```
#99acea rgb(153,172,234)
```
#aabaed
```
#aabaed rgb(170,186,237)
```
#bac7f1
```
#bac7f1 rgb(186,199,241)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#dae1f7
```
#dae1f7 rgb(218,225,247)
```
#eaeefb
```
#eaeefb rgb(234,238,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#dedee0
```
#dedee0 rgb(222,222,224)
```
#dbdde3
```
#dbdde3 rgb(219,221,227)
```
#d9dce5
```
#d9dce5 rgb(217,220,229)
```
#d6dae8
```
#d6dae8 rgb(214,218,232)
```
#d4d9ea
```
#d4d9ea rgb(212,217,234)
```
#d1d8ed
```
#d1d8ed rgb(209,216,237)
```
#cfd7ef
```
#cfd7ef rgb(207,215,239)
```
#ccd5f2
```
#ccd5f2 rgb(204,213,242)
```
#cad4f4
```
#cad4f4 rgb(202,212,244)
```
#c8d3f6
```
#c8d3f6 rgb(200,211,246)
```
#c5d1f9
```
#c5d1f9 rgb(197,209,249)
```
#c3d0fb
```
#c3d0fb rgb(195,208,251)
```
#c0cffe
```
#c0cffe rgb(192,207,254)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d3d5db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d5f3 Protanopia 1% of men
#dad1f6 Deuteranopia 1% of men
#cad8e7 Tritanopia 0.001% of the population

Trichromacy

#ced4f3 Protanomaly 1% of men, 0.01% of women
#d4d2f5 Deuteranomaly 6% of men, 0.4% of women
#cad6ec Tritanomaly 0.01% of the population

#cad4f4 hex color

#cad4f4 Color Information

#cad4f4 Color Conversion

Color Schemes with #cad4f4

Alternatives to #cad4f4

#cad4f4 Preview

Shades and Tints of #cad4f4

Tones of #cad4f4

Color Blindness Simulator