#ccdde1 hex color

In a RGB color space, hex #ccdde1 is composed of 80% red, 86.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 1.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 191.4 degrees, a saturation of 25.9% and a lightness of 84.1%. #ccdde1 color hex could be obtained by blending #ffffff with #99bbc3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 87
- B 88
RGB color chart
- C 9
- M 2
- Y 0
- K 12
CMYK color chart

● #ccdde1 color description : Light grayish cyan.

The hexadecimal color #ccdde1 has RGB values of R:204, G:221, B:225 and CMYK values of C:0.09, M:0.02, Y:0, K:0.12. Its decimal value is 13426145.

Hex triplet	ccdde1	`#ccdde1`
RGB Decimal	204, 221, 225	`rgb(204,221,225)`
RGB Percent	80, 86.7, 88.2	`rgb(80%,86.7%,88.2%)`
CMYK	9, 2, 0, 12
HSL	191.4°, 25.9, 84.1	`hsl(191.4,25.9%,84.1%)`
HSV (or HSB)	191.4°, 9.3, 88.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.99, -4.888, -3.91
XYZ	64.346, 69.986, 81.349
xyY	0.298, 0.324, 69.986
CIE-LCH	86.99, 6.26, 218.659
CIE-LUV	86.99, -9.423, -5.173
Hunter-Lab	83.658, -9.105, 0.907
Binary	11001100, 11011101, 11100001

#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#e1d0cc
```
#e1d0cc rgb(225,208,204)
```

Complementary Color

#cce1db
```
#cce1db rgb(204,225,219)
```
#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#ccd3e1
```
#ccd3e1 rgb(204,211,225)
```

Analogous Color

#e1dbcc
```
#e1dbcc rgb(225,219,204)
```
#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#e1ccd3
```
#e1ccd3 rgb(225,204,211)
```

Split Complementary Color

#dde1cc
```
#dde1cc rgb(221,225,204)
```
#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#e1ccdd
```
#e1ccdd rgb(225,204,221)
```

Triadic Color

#cce1d0
```
#cce1d0 rgb(204,225,208)
```
#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#e1ccdd
```
#e1ccdd rgb(225,204,221)
```
#e1d0cc
```
#e1d0cc rgb(225,208,204)
```

Tetradic Color

#9cbdc5
```
#9cbdc5 rgb(156,189,197)
```
#acc8ce
```
#acc8ce rgb(172,200,206)
```
#bcd2d8
```
#bcd2d8 rgb(188,210,216)
```
#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#dce8ea
```
#dce8ea rgb(220,232,234)
```
#ecf2f4
```
#ecf2f4 rgb(236,242,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Monochromatic Color

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

#cce1e0
```
#cce1e0 rgb(204,225,224)
```
#cce1e1
```
#cce1e1 rgb(204,225,225)
```
#ccdfe1
```
#ccdfe1 rgb(204,223,225)
```
#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#ccdbe1
```
#ccdbe1 rgb(204,219,225)
```
#ccdae1
```
#ccdae1 rgb(204,218,225)
```
#ccd8e1
```
#ccd8e1 rgb(204,216,225)
```

Similar Colors

Text with hexadecimal color #ccdde1

This text has a font color of #ccdde1.

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

#ccdde1 background color

This paragraph has a background color of #ccdde1.

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

#ccdde1 border color

This element has a border color of #ccdde1.

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

CSS codes

.text {color:#ccdde1;}

.background {background-color:#ccdde1;}

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

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, #060a0b is the darkest color, while #fdfefe is the lightest one.

#060a0b
```
#060a0b rgb(6,10,11)
```
#0e1517
```
#0e1517 rgb(14,21,23)
```
#152123
```
#152123 rgb(21,33,35)
```
#1c2c30
```
#1c2c30 rgb(28,44,48)
```
#23373c
```
#23373c rgb(35,55,60)
```
#2b4349
```
#2b4349 rgb(43,67,73)
```
#324e55
```
#324e55 rgb(50,78,85)
```
#395a61
```
#395a61 rgb(57,90,97)
```
#40656e
```
#40656e rgb(64,101,110)
```
#48707a
```
#48707a rgb(72,112,122)
```
#4f7c86
```
#4f7c86 rgb(79,124,134)
```
#568793
```
#568793 rgb(86,135,147)
```
#5e929f
```
#5e929f rgb(94,146,159)
```

Shade Color Variation

#699ba7
```
#699ba7 rgb(105,155,167)
```
#76a3ae
```
#76a3ae rgb(118,163,174)
```
#82acb5
```
#82acb5 rgb(130,172,181)
```
#8eb4bd
```
#8eb4bd rgb(142,180,189)
```
#9bbcc4
```
#9bbcc4 rgb(155,188,196)
```
#a7c4cb
```
#a7c4cb rgb(167,196,203)
```
#b3cdd2
```
#b3cdd2 rgb(179,205,210)
```
#c0d5da
```
#c0d5da rgb(192,213,218)
```
#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#d8e5e8
```
#d8e5e8 rgb(216,229,232)
```
#e5edf0
```
#e5edf0 rgb(229,237,240)
```
#f1f6f7
```
#f1f6f7 rgb(241,246,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#d5d7d8
```
#d5d7d8 rgb(213,215,216)
```
#d2d9db
```
#d2d9db rgb(210,217,219)
```
#cfdbde
```
#cfdbde rgb(207,219,222)
```
#ccdde1
```
#ccdde1 rgb(204,221,225)
```
#c9dfe4
```
#c9dfe4 rgb(201,223,228)
```
#c6e1e7
```
#c6e1e7 rgb(198,225,231)
```
#c3e3ea
```
#c3e3ea rgb(195,227,234)
```
#c0e5ed
```
#c0e5ed rgb(192,229,237)
```
#bce7f1
```
#bce7f1 rgb(188,231,241)
```
#b9e9f4
```
#b9e9f4 rgb(185,233,244)
```
#b6ebf7
```
#b6ebf7 rgb(182,235,247)
```
#b3ecfa
```
#b3ecfa rgb(179,236,250)
```
#b0eefd
```
#b0eefd rgb(176,238,253)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d6d9da Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddae0 Protanopia 1% of men
#ebd5e5 Deuteranopia 1% of men
#d0ddec Tritanopia 0.001% of the population

Trichromacy

#d7dbe0 Protanomaly 1% of men, 0.01% of women
#e0d8e3 Deuteranomaly 6% of men, 0.4% of women
#cfdde8 Tritanomaly 0.01% of the population

#ccdde1 hex color

#ccdde1 Color Information

#ccdde1 Color Conversion

Color Schemes with #ccdde1

Alternatives to #ccdde1

#ccdde1 Preview

Shades and Tints of #ccdde1

Tones of #ccdde1

Color Blindness Simulator