#cadfff hex color

In a RGB color space, hex #cadfff is composed of 79.2% red, 87.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 12.5% magenta, 0% yellow and 0% black. It has a hue angle of 216.2 degrees, a saturation of 100% and a lightness of 89.6%. #cadfff color hex could be obtained by blending #ffffff with #95bfff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 87
- B 100
RGB color chart
- C 21
- M 13
- Y 0
- K 0
CMYK color chart

● #cadfff color description : Very pale blue.

The hexadecimal color #cadfff has RGB values of R:202, G:223, B:255 and CMYK values of C:0.21, M:0.13, Y:0, K:0. Its decimal value is 13295615.

Hex triplet	cadfff	`#cadfff`
RGB Decimal	202, 223, 255	`rgb(202,223,255)`
RGB Percent	79.2, 87.5, 100	`rgb(79.2%,87.5%,100%)`
CMYK	21, 13, 0, 0
HSL	216.2°, 100, 89.6	`hsl(216.2,100%,89.6%)`
HSV (or HSB)	216.2°, 20.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.233, -0.361, -17.87
XYZ	68.791, 72.551, 104.982
xyY	0.279, 0.295, 72.551
CIE-LCH	88.233, 17.874, 268.842
CIE-LUV	88.233, -12.511, -28.39
Hunter-Lab	85.177, -4.898, -13.452
Binary	11001010, 11011111, 11111111

#cadfff
```
#cadfff rgb(202,223,255)
```
#ffeaca
```
#ffeaca rgb(255,234,202)
```

Complementary Color

#cafaff
```
#cafaff rgb(202,250,255)
```
#cadfff
```
#cadfff rgb(202,223,255)
```
#d0caff
```
#d0caff rgb(208,202,255)
```

Analogous Color

#faffca
```
#faffca rgb(250,255,202)
```
#cadfff
```
#cadfff rgb(202,223,255)
```
#ffd0ca
```
#ffd0ca rgb(255,208,202)
```

Split Complementary Color

#dfffca
```
#dfffca rgb(223,255,202)
```
#cadfff
```
#cadfff rgb(202,223,255)
```
#ffcadf
```
#ffcadf rgb(255,202,223)
```

Triadic Color

#caffea
```
#caffea rgb(202,255,234)
```
#cadfff
```
#cadfff rgb(202,223,255)
```
#ffcadf
```
#ffcadf rgb(255,202,223)
```
#ffeaca
```
#ffeaca rgb(255,234,202)
```

Tetradic Color

#7eb1ff
```
#7eb1ff rgb(126,177,255)
```
#97c0ff
```
#97c0ff rgb(151,192,255)
```
#b1d0ff
```
#b1d0ff rgb(177,208,255)
```
#cadfff
```
#cadfff rgb(202,223,255)
```
#e4eeff
```
#e4eeff rgb(228,238,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caecff
```
#caecff rgb(202,236,255)
```
#cae8ff
```
#cae8ff rgb(202,232,255)
```
#cae3ff
```
#cae3ff rgb(202,227,255)
```
#cadfff
```
#cadfff rgb(202,223,255)
```
#cadbff
```
#cadbff rgb(202,219,255)
```
#cad6ff
```
#cad6ff rgb(202,214,255)
```
#cad2ff
```
#cad2ff rgb(202,210,255)
```

Similar Colors

Text with hexadecimal color #cadfff

This text has a font color of #cadfff.

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

#cadfff background color

This paragraph has a background color of #cadfff.

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

#cadfff border color

This element has a border color of #cadfff.

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

CSS codes

.text {color:#cadfff;}

.background {background-color:#cadfff;}

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000a19
```
#000a19 rgb(0,10,25)
```
#00122d
```
#00122d rgb(0,18,45)
```
#001a41
```
#001a41 rgb(0,26,65)
```
#002154
```
#002154 rgb(0,33,84)
```
#002968
```
#002968 rgb(0,41,104)
```
#00317c
```
#00317c rgb(0,49,124)
```
#00398f
```
#00398f rgb(0,57,143)
```
#0040a3
```
#0040a3 rgb(0,64,163)
```
#0048b6
```
#0048b6 rgb(0,72,182)
```
#0050ca
```
#0050ca rgb(0,80,202)
```
#0058de
```
#0058de rgb(0,88,222)
```
#0060f1
```
#0060f1 rgb(0,96,241)
```

Shade Color Variation

#0669ff
```
#0669ff rgb(6,105,255)
```
#1974ff
```
#1974ff rgb(25,116,255)
```
#2d80ff
```
#2d80ff rgb(45,128,255)
```
#418cff
```
#418cff rgb(65,140,255)
```
#5498ff
```
#5498ff rgb(84,152,255)
```
#68a4ff
```
#68a4ff rgb(104,164,255)
```
#7cb0ff
```
#7cb0ff rgb(124,176,255)
```
#8fbbff
```
#8fbbff rgb(143,187,255)
```
#a3c7ff
```
#a3c7ff rgb(163,199,255)
```
#b6d3ff
```
#b6d3ff rgb(182,211,255)
```
#cadfff
```
#cadfff rgb(202,223,255)
```
#deebff
```
#deebff rgb(222,235,255)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#e2e4e7
```
#e2e4e7 rgb(226,228,231)
```
#e0e4e9
```
#e0e4e9 rgb(224,228,233)
```
#dee3eb
```
#dee3eb rgb(222,227,235)
```
#dce3ed
```
#dce3ed rgb(220,227,237)
```
#dae2ef
```
#dae2ef rgb(218,226,239)
```
#d8e2f1
```
#d8e2f1 rgb(216,226,241)
```
#d6e2f3
```
#d6e2f3 rgb(214,226,243)
```
#d4e1f5
```
#d4e1f5 rgb(212,225,245)
```
#d2e1f7
```
#d2e1f7 rgb(210,225,247)
```
#d0e0f9
```
#d0e0f9 rgb(208,224,249)
```
#cee0fb
```
#cee0fb rgb(206,224,251)
```
#ccdffd
```
#ccdffd rgb(204,223,253)
```
#cadfff
```
#cadfff rgb(202,223,255)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d8dde3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9ddfd Protanopia 1% of men
#e2daff Deuteranopia 1% of men
#c9e2f3 Tritanopia 0.001% of the population

Trichromacy

#d3defd Protanomaly 1% of men, 0.01% of women
#d9dcff Deuteranomaly 6% of men, 0.4% of women
#c9e1f7 Tritanomaly 0.01% of the population

#cadfff hex color

#cadfff Color Information

#cadfff Color Conversion

Color Schemes with #cadfff

Alternatives to #cadfff

#cadfff Preview

Shades and Tints of #cadfff

Tones of #cadfff

Color Blindness Simulator