#ccd2e4 hex color

In a RGB color space, hex #ccd2e4 is composed of 80% red, 82.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 10.5% cyan, 7.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 225 degrees, a saturation of 30.8% and a lightness of 84.7%. #ccd2e4 color hex could be obtained by blending #ffffff with #99a5c9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 82
- B 89
RGB color chart
- C 11
- M 8
- Y 0
- K 11
CMYK color chart

● #ccd2e4 color description : Light grayish blue.

The hexadecimal color #ccd2e4 has RGB values of R:204, G:210, B:228 and CMYK values of C:0.11, M:0.08, Y:0, K:0.11. Its decimal value is 13423332.

Hex triplet	ccd2e4	`#ccd2e4`
RGB Decimal	204, 210, 228	`rgb(204,210,228)`
RGB Percent	80, 82.4, 89.4	`rgb(80%,82.4%,89.4%)`
CMYK	11, 8, 0, 11
HSL	225°, 30.8, 84.7	`hsl(225,30.8%,84.7%)`
HSV (or HSB)	225°, 10.5, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.242, 1.437, -9.565
XYZ	61.949, 64.532, 82.587
xyY	0.296, 0.309, 64.532
CIE-LCH	84.242, 9.672, 278.545
CIE-LUV	84.242, -4.268, -15.087
Hunter-Lab	80.332, -2.926, -4.722
Binary	11001100, 11010010, 11100100

#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#e4decc
```
#e4decc rgb(228,222,204)
```

Complementary Color

#ccdee4
```
#ccdee4 rgb(204,222,228)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#d2cce4
```
#d2cce4 rgb(210,204,228)
```

Analogous Color

#dee4cc
```
#dee4cc rgb(222,228,204)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#e4d2cc
```
#e4d2cc rgb(228,210,204)
```

Split Complementary Color

#d2e4cc
```
#d2e4cc rgb(210,228,204)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#e4ccd2
```
#e4ccd2 rgb(228,204,210)
```

Triadic Color

#cce4de
```
#cce4de rgb(204,228,222)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#e4ccd2
```
#e4ccd2 rgb(228,204,210)
```
#e4decc
```
#e4decc rgb(228,222,204)
```

Tetradic Color

#9aa6ca
```
#9aa6ca rgb(154,166,202)
```
#abb5d2
```
#abb5d2 rgb(171,181,210)
```
#bbc3db
```
#bbc3db rgb(187,195,219)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#dde1ed
```
#dde1ed rgb(221,225,237)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Monochromatic Color

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

#ccd8e4
```
#ccd8e4 rgb(204,216,228)
```
#ccd6e4
```
#ccd6e4 rgb(204,214,228)
```
#ccd4e4
```
#ccd4e4 rgb(204,212,228)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#ccd0e4
```
#ccd0e4 rgb(204,208,228)
```
#cccee4
```
#cccee4 rgb(204,206,228)
```
#cccce4
```
#cccce4 rgb(204,204,228)
```

Similar Colors

Text with hexadecimal color #ccd2e4

This text has a font color of #ccd2e4.

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

#ccd2e4 background color

This paragraph has a background color of #ccd2e4.

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

#ccd2e4 border color

This element has a border color of #ccd2e4.

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

CSS codes

.text {color:#ccd2e4;}

.background {background-color:#ccd2e4;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07080d
```
#07080d rgb(7,8,13)
```
#0e111a
```
#0e111a rgb(14,17,26)
```
#151927
```
#151927 rgb(21,25,39)
```
#1b2134
```
#1b2134 rgb(27,33,52)
```
#222a40
```
#222a40 rgb(34,42,64)
```
#29324d
```
#29324d rgb(41,50,77)
```
#303a5a
```
#303a5a rgb(48,58,90)
```
#364367
```
#364367 rgb(54,67,103)
```
#3d4b74
```
#3d4b74 rgb(61,75,116)
```
#445381
```
#445381 rgb(68,83,129)
```
#4b5b8d
```
#4b5b8d rgb(75,91,141)
```
#52649a
```
#52649a rgb(82,100,154)
```

Shade Color Variation

#596ca7
```
#596ca7 rgb(89,108,167)
```
#6577ae
```
#6577ae rgb(101,119,174)
```
#7283b4
```
#7283b4 rgb(114,131,180)
```
#7f8ebb
```
#7f8ebb rgb(127,142,187)
```
#8c99c2
```
#8c99c2 rgb(140,153,194)
```
#99a5c9
```
#99a5c9 rgb(153,165,201)
```
#a6b0d0
```
#a6b0d0 rgb(166,176,208)
```
#b2bbd6
```
#b2bbd6 rgb(178,187,214)
```
#bfc7dd
```
#bfc7dd rgb(191,199,221)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#d9ddeb
```
#d9ddeb rgb(217,221,235)
```
#e6e9f2
```
#e6e9f2 rgb(230,233,242)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```

Tint Color Variation

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

#d5d7db
```
#d5d7db rgb(213,215,219)
```
#d2d5de
```
#d2d5de rgb(210,213,222)
```
#cfd4e1
```
#cfd4e1 rgb(207,212,225)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#c9d1e7
```
#c9d1e7 rgb(201,209,231)
```
#c6cfea
```
#c6cfea rgb(198,207,234)
```
#c3ceed
```
#c3ceed rgb(195,206,237)
```
#c0ccf0
```
#c0ccf0 rgb(192,204,240)
```
#bdcbf3
```
#bdcbf3 rgb(189,203,243)
```
#bac9f6
```
#bac9f6 rgb(186,201,246)
```
#b7c8f9
```
#b7c8f9 rgb(183,200,249)
```
#b4c6fc
```
#b4c6fc rgb(180,198,252)
```
#b1c5ff
```
#b1c5ff rgb(177,197,255)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d1d2d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d3e4 Protanopia 1% of men
#dfcfe7 Deuteranopia 1% of men
#ced4e3 Tritanopia 0.001% of the population

Trichromacy

#d0d2e4 Protanomaly 1% of men, 0.01% of women
#d8d0e6 Deuteranomaly 6% of men, 0.4% of women
#cdd3e3 Tritanomaly 0.01% of the population

#ccd2e4 hex color

#ccd2e4 Color Information

#ccd2e4 Color Conversion

Color Schemes with #ccd2e4

Alternatives to #ccd2e4

#ccd2e4 Preview

Shades and Tints of #ccd2e4

Tones of #ccd2e4

Color Blindness Simulator