colorhexa.com

#ccddea hex color

In a RGB color space, hex #ccddea is composed of 80% red, 86.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 5.6% magenta, 0% yellow and 8.2% black. It has a hue angle of 206 degrees, a saturation of 41.7% and a lightness of 85.9%. #ccddea color hex could be obtained by blending #ffffff with #99bbd5. Closest websafe color is: #ccccff.

- R 80
- G 87
- B 92
RGB color chart
- C 13
- M 6
- Y 0
- K 8
CMYK color chart

● #ccddea color description : Light grayish blue.

The hexadecimal color #ccddea has RGB values of R:204, G:221, B:234 and CMYK values of C:0.13, M:0.06, Y:0, K:0.08. Its decimal value is 13426154.

Hex triplet	ccddea	`#ccddea`
RGB Decimal	204, 221, 234	`rgb(204,221,234)`
RGB Percent	80, 86.7, 91.8	`rgb(80%,86.7%,91.8%)`
CMYK	13, 6, 0, 8
HSL	206°, 41.7, 85.9	`hsl(206,41.7%,85.9%)`
HSV (or HSB)	206°, 12.8, 91.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.237, -3.103, -8.293
XYZ	65.607, 70.49, 87.987
xyY	0.293, 0.315, 70.49
CIE-LCH	87.237, 8.855, 249.483
CIE-LUV	87.237, -9.781, -12.375
Hunter-Lab	83.958, -7.444, -3.364
Binary	11001100, 11011101, 11101010

#ccddea
```
#ccddea rgb(204,221,234)
```
#ead9cc
```
#ead9cc rgb(234,217,204)
```

Complementary Color

#cceae8
```
#cceae8 rgb(204,234,232)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#ccceea
```
#ccceea rgb(204,206,234)
```

Analogous Color

#eae8cc
```
#eae8cc rgb(234,232,204)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#eaccce
```
#eaccce rgb(234,204,206)
```

Split Complementary Color

#ddeacc
```
#ddeacc rgb(221,234,204)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#eaccdd
```
#eaccdd rgb(234,204,221)
```

Triadic Color

#ccead9
```
#ccead9 rgb(204,234,217)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#eaccdd
```
#eaccdd rgb(234,204,221)
```
#ead9cc
```
#ead9cc rgb(234,217,204)
```

Tetradic Color

#96b9d4
```
#96b9d4 rgb(150,185,212)
```
#a8c5db
```
#a8c5db rgb(168,197,219)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#dee9f1
```
#dee9f1 rgb(222,233,241)
```
#f0f5f9
```
#f0f5f9 rgb(240,245,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cce5ea
```
#cce5ea rgb(204,229,234)
```
#cce2ea
```
#cce2ea rgb(204,226,234)
```
#cce0ea
```
#cce0ea rgb(204,224,234)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#ccdbea
```
#ccdbea rgb(204,219,234)
```
#ccd8ea
```
#ccd8ea rgb(204,216,234)
```
#ccd6ea
```
#ccd6ea rgb(204,214,234)
```

Similar Colors

Text with hexadecimal color #ccddea

This text has a font color of #ccddea.

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

#ccddea background color

This paragraph has a background color of #ccddea.

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

#ccddea border color

This element has a border color of #ccddea.

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

CSS codes

.text {color:#ccddea;}

.background {background-color:#ccddea;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080e12
```
#080e12 rgb(8,14,18)
```
#0d1820
```
#0d1820 rgb(13,24,32)
```
#13222e
```
#13222e rgb(19,34,46)
```
#192d3c
```
#192d3c rgb(25,45,60)
```
#1e374a
```
#1e374a rgb(30,55,74)
```
#244258
```
#244258 rgb(36,66,88)
```
#2a4c66
```
#2a4c66 rgb(42,76,102)
```
#305674
```
#305674 rgb(48,86,116)
```
#356182
```
#356182 rgb(53,97,130)
```
#3b6b90
```
#3b6b90 rgb(59,107,144)
```
#41759d
```
#41759d rgb(65,117,157)
```
#4780ab
```
#4780ab rgb(71,128,171)
```

Shade Color Variation

#4f8ab7
```
#4f8ab7 rgb(79,138,183)
```
#5d93bc
```
#5d93bc rgb(93,147,188)
```
#6b9cc2
```
#6b9cc2 rgb(107,156,194)
```
#79a5c8
```
#79a5c8 rgb(121,165,200)
```
#87afcd
```
#87afcd rgb(135,175,205)
```
#94b8d3
```
#94b8d3 rgb(148,184,211)
```
#a2c1d9
```
#a2c1d9 rgb(162,193,217)
```
#b0cadf
```
#b0cadf rgb(176,202,223)
```
#bed4e4
```
#bed4e4 rgb(190,212,228)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#dae6f0
```
#dae6f0 rgb(218,230,240)
```
#e8f0f5
```
#e8f0f5 rgb(232,240,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#dadbdc
```
#dadbdc rgb(218,219,220)
```
#d7dcdf
```
#d7dcdf rgb(215,220,223)
```
#d4dce2
```
#d4dce2 rgb(212,220,226)
```
#d2dce4
```
#d2dce4 rgb(210,220,228)
```
#cfdde7
```
#cfdde7 rgb(207,221,231)
```
#ccddea
```
#ccddea rgb(204,221,234)
```
#c9dded
```
#c9dded rgb(201,221,237)
```
#c6def0
```
#c6def0 rgb(198,222,240)
```
#c4def2
```
#c4def2 rgb(196,222,242)
```
#c1def5
```
#c1def5 rgb(193,222,245)
```
#bedff8
```
#bedff8 rgb(190,223,248)
```
#bbdffb
```
#bbdffb rgb(187,223,251)
```
#b9e0fd
```
#b9e0fd rgb(185,224,253)
```

Tone Color Variation

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

Dichromacy

#dcdbe9 Protanopia 1% of men
#e8d6ed Deuteranopia 1% of men
#cfdeee Tritanopia 0.001% of the population

Trichromacy

#d6dbe9 Protanomaly 1% of men, 0.01% of women
#ded9ec Deuteranomaly 6% of men, 0.4% of women
#ceddec Tritanomaly 0.01% of the population