colorhexa.com

#caddf4 hex color

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

- R 79
- G 87
- B 96
RGB color chart
- C 17
- M 9
- Y 0
- K 4
CMYK color chart

● #caddf4 color description : Light grayish blue.

The hexadecimal color #caddf4 has RGB values of R:202, G:221, B:244 and CMYK values of C:0.17, M:0.09, Y:0, K:0.04. Its decimal value is 13295092.

Hex triplet	caddf4	`#caddf4`
RGB Decimal	202, 221, 244	`rgb(202,221,244)`
RGB Percent	79.2, 86.7, 95.7	`rgb(79.2%,86.7%,95.7%)`
CMYK	17, 9, 0, 4
HSL	212.9°, 65.6, 87.5	`hsl(212.9,65.6%,87.5%)`
HSV (or HSB)	212.9°, 17.2, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.388, -1.671, -13.353
XYZ	66.539, 70.8, 95.743
xyY	0.285, 0.304, 70.8
CIE-LCH	87.388, 13.457, 262.868
CIE-LUV	87.388, -11.184, -20.747
Hunter-Lab	84.143, -6.094, -8.564
Binary	11001010, 11011101, 11110100

#caddf4
```
#caddf4 rgb(202,221,244)
```
#f4e1ca
```
#f4e1ca rgb(244,225,202)
```

Complementary Color

#caf2f4
```
#caf2f4 rgb(202,242,244)
```
#caddf4
```
#caddf4 rgb(202,221,244)
```
#cccaf4
```
#cccaf4 rgb(204,202,244)
```

Analogous Color

#f2f4ca
```
#f2f4ca rgb(242,244,202)
```
#caddf4
```
#caddf4 rgb(202,221,244)
```
#f4ccca
```
#f4ccca rgb(244,204,202)
```

Split Complementary Color

#ddf4ca
```
#ddf4ca rgb(221,244,202)
```
#caddf4
```
#caddf4 rgb(202,221,244)
```
#f4cadd
```
#f4cadd rgb(244,202,221)
```

Triadic Color

#caf4e1
```
#caf4e1 rgb(202,244,225)
```
#caddf4
```
#caddf4 rgb(202,221,244)
```
#f4cadd
```
#f4cadd rgb(244,202,221)
```
#f4e1ca
```
#f4e1ca rgb(244,225,202)
```

Tetradic Color

#8bb4e7
```
#8bb4e7 rgb(139,180,231)
```
#a0c2eb
```
#a0c2eb rgb(160,194,235)
```
#b5cff0
```
#b5cff0 rgb(181,207,240)
```
#caddf4
```
#caddf4 rgb(202,221,244)
```
#dfebf8
```
#dfebf8 rgb(223,235,248)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cae8f4
```
#cae8f4 rgb(202,232,244)
```
#cae4f4
```
#cae4f4 rgb(202,228,244)
```
#cae1f4
```
#cae1f4 rgb(202,225,244)
```
#caddf4
```
#caddf4 rgb(202,221,244)
```
#cadaf4
```
#cadaf4 rgb(202,218,244)
```
#cad6f4
```
#cad6f4 rgb(202,214,244)
```
#cad3f4
```
#cad3f4 rgb(202,211,244)
```

Similar Colors

Text with hexadecimal color #caddf4

This text has a font color of #caddf4.

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

#caddf4 background color

This paragraph has a background color of #caddf4.

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

#caddf4 border color

This element has a border color of #caddf4.

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

CSS codes

.text {color:#caddf4;}

.background {background-color:#caddf4;}

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

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

#02070c
```
#02070c rgb(2,7,12)
```
#06101c
```
#06101c rgb(6,16,28)
```
#09192c
```
#09192c rgb(9,25,44)
```
#0d223d
```
#0d223d rgb(13,34,61)
```
#102c4d
```
#102c4d rgb(16,44,77)
```
#13355d
```
#13355d rgb(19,53,93)
```
#173e6d
```
#173e6d rgb(23,62,109)
```
#1a477e
```
#1a477e rgb(26,71,126)
```
#1d508e
```
#1d508e rgb(29,80,142)
```
#215a9e
```
#215a9e rgb(33,90,158)
```
#2463ae
```
#2463ae rgb(36,99,174)
```
#286cbf
```
#286cbf rgb(40,108,191)
```
#2b75cf
```
#2b75cf rgb(43,117,207)
```

Shade Color Variation

#387fd6
```
#387fd6 rgb(56,127,214)
```
#488ad9
```
#488ad9 rgb(72,138,217)
```
#5894dc
```
#5894dc rgb(88,148,220)
```
#699ee0
```
#699ee0 rgb(105,158,224)
```
#79a9e3
```
#79a9e3 rgb(121,169,227)
```
#89b3e7
```
#89b3e7 rgb(137,179,231)
```
#99beea
```
#99beea rgb(153,190,234)
```
#aac8ed
```
#aac8ed rgb(170,200,237)
```
#bad3f1
```
#bad3f1 rgb(186,211,241)
```
#caddf4
```
#caddf4 rgb(202,221,244)
```
#dae7f7
```
#dae7f7 rgb(218,231,247)
```
#eaf2fb
```
#eaf2fb rgb(234,242,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#dedfe0
```
#dedfe0 rgb(222,223,224)
```
#dbdfe3
```
#dbdfe3 rgb(219,223,227)
```
#d9dee5
```
#d9dee5 rgb(217,222,229)
```
#d6dee8
```
#d6dee8 rgb(214,222,232)
```
#d4deea
```
#d4deea rgb(212,222,234)
```
#d1deed
```
#d1deed rgb(209,222,237)
```
#cfddef
```
#cfddef rgb(207,221,239)
```
#ccddf2
```
#ccddf2 rgb(204,221,242)
```
#caddf4
```
#caddf4 rgb(202,221,244)
```
#c8ddf6
```
#c8ddf6 rgb(200,221,246)
```
#c5ddf9
```
#c5ddf9 rgb(197,221,249)
```
#c3dcfb
```
#c3dcfb rgb(195,220,251)
```
#c0dcfe
```
#c0dcfe rgb(192,220,254)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d7dbdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9dbf2 Protanopia 1% of men
#e4d7f6 Deuteranopia 1% of men
#cbdfef Tritanopia 0.001% of the population

Trichromacy

#d4dbf3 Protanomaly 1% of men, 0.01% of women
#dad9f5 Deuteranomaly 6% of men, 0.4% of women
#cbdef1 Tritanomaly 0.01% of the population