#caddf0 hex color

In a RGB color space, hex #caddf0 is composed of 79.2% red, 86.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 7.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 210 degrees, a saturation of 55.9% and a lightness of 86.7%. #caddf0 color hex could be obtained by blending #ffffff with #95bbe1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 87
- B 94
RGB color chart
- C 16
- M 8
- Y 0
- K 6
CMYK color chart

● #caddf0 color description : Light grayish blue.

The hexadecimal color #caddf0 has RGB values of R:202, G:221, B:240 and CMYK values of C:0.16, M:0.08, Y:0, K:0.06. Its decimal value is 13295088.

Hex triplet	caddf0	`#caddf0`
RGB Decimal	202, 221, 240	`rgb(202,221,240)`
RGB Percent	79.2, 86.7, 94.1	`rgb(79.2%,86.7%,94.1%)`
CMYK	16, 8, 0, 6
HSL	210°, 55.9, 86.7	`hsl(210,55.9%,86.7%)`
HSV (or HSB)	210°, 15.8, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.271, -2.506, -11.42
XYZ	65.939, 70.56, 92.579
xyY	0.288, 0.308, 70.56
CIE-LCH	87.271, 11.692, 257.622
CIE-LUV	87.271, -11.03, -17.481
Hunter-Lab	84, -6.88, -6.545
Binary	11001010, 11011101, 11110000

#caddf0
```
#caddf0 rgb(202,221,240)
```
#f0ddca
```
#f0ddca rgb(240,221,202)
```

Complementary Color

#caf0f0
```
#caf0f0 rgb(202,240,240)
```
#caddf0
```
#caddf0 rgb(202,221,240)
```
#cacaf0
```
#cacaf0 rgb(202,202,240)
```

Analogous Color

#f0f0ca
```
#f0f0ca rgb(240,240,202)
```
#caddf0
```
#caddf0 rgb(202,221,240)
```
#f0caca
```
#f0caca rgb(240,202,202)
```

Split Complementary Color

#ddf0ca
```
#ddf0ca rgb(221,240,202)
```
#caddf0
```
#caddf0 rgb(202,221,240)
```
#f0cadd
```
#f0cadd rgb(240,202,221)
```

Triadic Color

#caf0dd
```
#caf0dd rgb(202,240,221)
```
#caddf0
```
#caddf0 rgb(202,221,240)
```
#f0cadd
```
#f0cadd rgb(240,202,221)
```
#f0ddca
```
#f0ddca rgb(240,221,202)
```

Tetradic Color

#8eb7df
```
#8eb7df rgb(142,183,223)
```
#a2c4e5
```
#a2c4e5 rgb(162,196,229)
```
#b6d0ea
```
#b6d0ea rgb(182,208,234)
```
#caddf0
```
#caddf0 rgb(202,221,240)
```
#deeaf6
```
#deeaf6 rgb(222,234,246)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cae7f0
```
#cae7f0 rgb(202,231,240)
```
#cae3f0
```
#cae3f0 rgb(202,227,240)
```
#cae0f0
```
#cae0f0 rgb(202,224,240)
```
#caddf0
```
#caddf0 rgb(202,221,240)
```
#cadaf0
```
#cadaf0 rgb(202,218,240)
```
#cad7f0
```
#cad7f0 rgb(202,215,240)
```
#cad4f0
```
#cad4f0 rgb(202,212,240)
```

Similar Colors

Text with hexadecimal color #caddf0

This text has a font color of #caddf0.

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

#caddf0 background color

This paragraph has a background color of #caddf0.

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

#caddf0 border color

This element has a border color of #caddf0.

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

CSS codes

.text {color:#caddf0;}

.background {background-color:#caddf0;}

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

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

#020508
```
#020508 rgb(2,5,8)
```
#070f17
```
#070f17 rgb(7,15,23)
```
#0b1927
```
#0b1927 rgb(11,25,39)
```
#0f2336
```
#0f2336 rgb(15,35,54)
```
#142c45
```
#142c45 rgb(20,44,69)
```
#183655
```
#183655 rgb(24,54,85)
```
#1c4064
```
#1c4064 rgb(28,64,100)
```
#214a73
```
#214a73 rgb(33,74,115)
```
#255482
```
#255482 rgb(37,84,130)
```
#295e92
```
#295e92 rgb(41,94,146)
```
#2e67a1
```
#2e67a1 rgb(46,103,161)
```
#3271b0
```
#3271b0 rgb(50,113,176)
```
#367bc0
```
#367bc0 rgb(54,123,192)
```

Shade Color Variation

#4085c9
```
#4085c9 rgb(64,133,201)
```
#508fcd
```
#508fcd rgb(80,143,205)
```
#5f98d2
```
#5f98d2 rgb(95,152,210)
```
#6ea2d6
```
#6ea2d6 rgb(110,162,214)
```
#7eacda
```
#7eacda rgb(126,172,218)
```
#8db6df
```
#8db6df rgb(141,182,223)
```
#9cc0e3
```
#9cc0e3 rgb(156,192,227)
```
#abc9e7
```
#abc9e7 rgb(171,201,231)
```
#bbd3ec
```
#bbd3ec rgb(187,211,236)
```
#caddf0
```
#caddf0 rgb(202,221,240)
```
#d9e7f4
```
#d9e7f4 rgb(217,231,244)
```
#e9f1f9
```
#e9f1f9 rgb(233,241,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#dcddde
```
#dcddde rgb(220,221,222)
```
#dadde0
```
#dadde0 rgb(218,221,224)
```
#d7dde3
```
#d7dde3 rgb(215,221,227)
```
#d4dde6
```
#d4dde6 rgb(212,221,230)
```
#d2dde8
```
#d2dde8 rgb(210,221,232)
```
#cfddeb
```
#cfddeb rgb(207,221,235)
```
#cddded
```
#cddded rgb(205,221,237)
```
#caddf0
```
#caddf0 rgb(202,221,240)
```
#c7ddf3
```
#c7ddf3 rgb(199,221,243)
```
#c5ddf5
```
#c5ddf5 rgb(197,221,245)
```
#c2ddf8
```
#c2ddf8 rgb(194,221,248)
```
#c0ddfa
```
#c0ddfa rgb(192,221,250)
```
#bdddfd
```
#bdddfd rgb(189,221,253)
```

Tone Color Variation

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

Dichromacy

#dadbee Protanopia 1% of men
#e5d7f3 Deuteranopia 1% of men
#ccdfef Tritanopia 0.001% of the population

Trichromacy

#d4dbef Protanomaly 1% of men, 0.01% of women
#dbd9f2 Deuteranomaly 6% of men, 0.4% of women
#cbdeef Tritanomaly 0.01% of the population

#caddf0 hex color

#caddf0 Color Information

#caddf0 Color Conversion

Color Schemes with #caddf0

Alternatives to #caddf0

#caddf0 Preview

Shades and Tints of #caddf0

Tones of #caddf0

Color Blindness Simulator