#cadafd hex color

In a RGB color space, hex #cadafd is composed of 79.2% red, 85.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 13.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.2 degrees, a saturation of 92.7% and a lightness of 89.2%. #cadafd color hex could be obtained by blending #ffffff with #95b5fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 85
- B 99
RGB color chart
- C 20
- M 14
- Y 0
- K 1
CMYK color chart

● #cadafd color description : Very soft blue.

The hexadecimal color #cadafd has RGB values of R:202, G:218, B:253 and CMYK values of C:0.2, M:0.14, Y:0, K:0.01. Its decimal value is 13294333.

Hex triplet	cadafd	`#cadafd`
RGB Decimal	202, 218, 253	`rgb(202,218,253)`
RGB Percent	79.2, 85.5, 99.2	`rgb(79.2%,85.5%,99.2%)`
CMYK	20, 14, 0, 1
HSL	221.2°, 92.7, 89.2	`hsl(221.2,92.7%,89.2%)`
HSV (or HSB)	221.2°, 20.2, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.894, 1.822, -18.836
XYZ	67.155, 69.79, 102.856
xyY	0.28, 0.291, 69.79
CIE-LCH	86.894, 18.924, 275.526
CIE-LUV	86.894, -10.183, -30.279
Hunter-Lab	83.541, -2.708, -14.52
Binary	11001010, 11011010, 11111101

#cadafd
```
#cadafd rgb(202,218,253)
```
#fdedca
```
#fdedca rgb(253,237,202)
```

Complementary Color

#caf4fd
```
#caf4fd rgb(202,244,253)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#d4cafd
```
#d4cafd rgb(212,202,253)
```

Analogous Color

#f4fdca
```
#f4fdca rgb(244,253,202)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#fdd4ca
```
#fdd4ca rgb(253,212,202)
```

Split Complementary Color

#dafdca
```
#dafdca rgb(218,253,202)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#fdcada
```
#fdcada rgb(253,202,218)
```

Triadic Color

#cafded
```
#cafded rgb(202,253,237)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#fdcada
```
#fdcada rgb(253,202,218)
```
#fdedca
```
#fdedca rgb(253,237,202)
```

Tetradic Color

#80a7fa
```
#80a7fa rgb(128,167,250)
```
#99b8fb
```
#99b8fb rgb(153,184,251)
```
#b1c9fc
```
#b1c9fc rgb(177,201,252)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#e3ebfe
```
#e3ebfe rgb(227,235,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cae7fd
```
#cae7fd rgb(202,231,253)
```
#cae3fd
```
#cae3fd rgb(202,227,253)
```
#cadefd
```
#cadefd rgb(202,222,253)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#cad6fd
```
#cad6fd rgb(202,214,253)
```
#cad2fd
```
#cad2fd rgb(202,210,253)
```
#cacdfd
```
#cacdfd rgb(202,205,253)
```

Similar Colors

Text with hexadecimal color #cadafd

This text has a font color of #cadafd.

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

#cadafd background color

This paragraph has a background color of #cadafd.

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

#cadafd border color

This element has a border color of #cadafd.

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

CSS codes

.text {color:#cadafd;}

.background {background-color:#cadafd;}

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010817
```
#010817 rgb(1,8,23)
```
#020e2a
```
#020e2a rgb(2,14,42)
```
#02153c
```
#02153c rgb(2,21,60)
```
#031b4f
```
#031b4f rgb(3,27,79)
```
#042162
```
#042162 rgb(4,33,98)
```
#042875
```
#042875 rgb(4,40,117)
```
#052e88
```
#052e88 rgb(5,46,136)
```
#06359b
```
#06359b rgb(6,53,155)
```
#073bae
```
#073bae rgb(7,59,174)
```
#0741c1
```
#0741c1 rgb(7,65,193)
```
#0848d4
```
#0848d4 rgb(8,72,212)
```
#094ee7
```
#094ee7 rgb(9,78,231)
```

Shade Color Variation

#0d56f6
```
#0d56f6 rgb(13,86,246)
```
#2063f7
```
#2063f7 rgb(32,99,247)
```
#3370f7
```
#3370f7 rgb(51,112,247)
```
#467ef8
```
#467ef8 rgb(70,126,248)
```
#598bf9
```
#598bf9 rgb(89,139,249)
```
#6b98f9
```
#6b98f9 rgb(107,152,249)
```
#7ea5fa
```
#7ea5fa rgb(126,165,250)
```
#91b2fb
```
#91b2fb rgb(145,178,251)
```
#a4c0fc
```
#a4c0fc rgb(164,192,252)
```
#b7cdfc
```
#b7cdfc rgb(183,205,252)
```
#cadafd
```
#cadafd rgb(202,218,253)
```
#dde7fe
```
#dde7fe rgb(221,231,254)
```
#f0f4fe
```
#f0f4fe rgb(240,244,254)
```

Tint Color Variation

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

#e3e3e4
```
#e3e3e4 rgb(227,227,228)
```
#e1e3e6
```
#e1e3e6 rgb(225,227,230)
```
#dfe2e8
```
#dfe2e8 rgb(223,226,232)
```
#dde1ea
```
#dde1ea rgb(221,225,234)
```
#dbe0ec
```
#dbe0ec rgb(219,224,236)
```
#d9e0ee
```
#d9e0ee rgb(217,224,238)
```
#d7dff0
```
#d7dff0 rgb(215,223,240)
```
#d5def2
```
#d5def2 rgb(213,222,242)
```
#d2ddf5
```
#d2ddf5 rgb(210,221,245)
```
#d0dcf7
```
#d0dcf7 rgb(208,220,247)
```
#cedcf9
```
#cedcf9 rgb(206,220,249)
```
#ccdbfb
```
#ccdbfb rgb(204,219,251)
```
#cadafd
```
#cadafd rgb(202,218,253)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d6d9e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d9fb Protanopia 1% of men
#ddd6fe Deuteranopia 1% of men
#c9deee Tritanopia 0.001% of the population

Trichromacy

#d0d9fc Protanomaly 1% of men, 0.01% of women
#d6d7fe Deuteranomaly 6% of men, 0.4% of women
#c9dcf3 Tritanomaly 0.01% of the population

#cadafd hex color

#cadafd Color Information

#cadafd Color Conversion

Color Schemes with #cadafd

Alternatives to #cadafd

#cadafd Preview

Shades and Tints of #cadafd

Tones of #cadafd

Color Blindness Simulator