#ccd0ef hex color

In a RGB color space, hex #ccd0ef is composed of 80% red, 81.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 13% magenta, 0% yellow and 6.3% black. It has a hue angle of 233.1 degrees, a saturation of 52.2% and a lightness of 86.9%. #ccd0ef color hex could be obtained by blending #ffffff with #99a1df. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 82
- B 94
RGB color chart
- C 15
- M 13
- Y 0
- K 6
CMYK color chart

● #ccd0ef color description : Light grayish blue.

The hexadecimal color #ccd0ef has RGB values of R:204, G:208, B:239 and CMYK values of C:0.15, M:0.13, Y:0, K:0.06. Its decimal value is 13422831.

Hex triplet	ccd0ef	`#ccd0ef`
RGB Decimal	204, 208, 239	`rgb(204,208,239)`
RGB Percent	80, 81.6, 93.7	`rgb(80%,81.6%,93.7%)`
CMYK	15, 13, 0, 6
HSL	233.1°, 52.2, 86.9	`hsl(233.1,52.2%,86.9%)`
HSV (or HSB)	233.1°, 14.6, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.06, 4.739, -15.682
XYZ	63.035, 64.181, 90.724
xyY	0.289, 0.294, 64.181
CIE-LCH	84.06, 16.383, 286.814
CIE-LUV	84.06, -3.907, -25.457
Hunter-Lab	80.113, 0.251, -11.064
Binary	11001100, 11010000, 11101111

#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#efebcc
```
#efebcc rgb(239,235,204)
```

Complementary Color

#cce2ef
```
#cce2ef rgb(204,226,239)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#daccef
```
#daccef rgb(218,204,239)
```

Analogous Color

#e2efcc
```
#e2efcc rgb(226,239,204)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#efdacc
```
#efdacc rgb(239,218,204)
```

Split Complementary Color

#d0efcc
```
#d0efcc rgb(208,239,204)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#efccd0
```
#efccd0 rgb(239,204,208)
```

Triadic Color

#ccefeb
```
#ccefeb rgb(204,239,235)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#efccd0
```
#efccd0 rgb(239,204,208)
```
#efebcc
```
#efebcc rgb(239,235,204)
```

Tetradic Color

#929add
```
#929add rgb(146,154,221)
```
#a5ace3
```
#a5ace3 rgb(165,172,227)
```
#b9bee9
```
#b9bee9 rgb(185,190,233)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#dfe2f5
```
#dfe2f5 rgb(223,226,245)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccd9ef
```
#ccd9ef rgb(204,217,239)
```
#ccd6ef
```
#ccd6ef rgb(204,214,239)
```
#ccd3ef
```
#ccd3ef rgb(204,211,239)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#cccdef
```
#cccdef rgb(204,205,239)
```
#ceccef
```
#ceccef rgb(206,204,239)
```
#d1ccef
```
#d1ccef rgb(209,204,239)
```

Similar Colors

Text with hexadecimal color #ccd0ef

This text has a font color of #ccd0ef.

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

#ccd0ef background color

This paragraph has a background color of #ccd0ef.

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

#ccd0ef border color

This element has a border color of #ccd0ef.

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

CSS codes

.text {color:#ccd0ef;}

.background {background-color:#ccd0ef;}

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

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

#030309
```
#030309 rgb(3,3,9)
```
#070918
```
#070918 rgb(7,9,24)
```
#0c0f27
```
#0c0f27 rgb(12,15,39)
```
#111536
```
#111536 rgb(17,21,54)
```
#151b44
```
#151b44 rgb(21,27,68)
```
#1a2153
```
#1a2153 rgb(26,33,83)
```
#1f2762
```
#1f2762 rgb(31,39,98)
```
#242c71
```
#242c71 rgb(36,44,113)
```
#283280
```
#283280 rgb(40,50,128)
```
#2d388f
```
#2d388f rgb(45,56,143)
```
#323e9e
```
#323e9e rgb(50,62,158)
```
#3644ad
```
#3644ad rgb(54,68,173)
```
#3b4abc
```
#3b4abc rgb(59,74,188)
```

Shade Color Variation

#4654c5
```
#4654c5 rgb(70,84,197)
```
#5562ca
```
#5562ca rgb(85,98,202)
```
#6370ce
```
#6370ce rgb(99,112,206)
```
#727dd3
```
#727dd3 rgb(114,125,211)
```
#818bd8
```
#818bd8 rgb(129,139,216)
```
#9099dc
```
#9099dc rgb(144,153,220)
```
#9fa7e1
```
#9fa7e1 rgb(159,167,225)
```
#aeb4e6
```
#aeb4e6 rgb(174,180,230)
```
#bdc2ea
```
#bdc2ea rgb(189,194,234)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#dbdef4
```
#dbdef4 rgb(219,222,244)
```
#eaecf8
```
#eaecf8 rgb(234,236,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#dbdce0
```
#dbdce0 rgb(219,220,224)
```
#d9dae2
```
#d9dae2 rgb(217,218,226)
```
#d6d8e5
```
#d6d8e5 rgb(214,216,229)
```
#d4d6e7
```
#d4d6e7 rgb(212,214,231)
```
#d1d4ea
```
#d1d4ea rgb(209,212,234)
```
#cfd2ec
```
#cfd2ec rgb(207,210,236)
```
#ccd0ef
```
#ccd0ef rgb(204,208,239)
```
#c9cef2
```
#c9cef2 rgb(201,206,242)
```
#c7ccf4
```
#c7ccf4 rgb(199,204,244)
```
#c4caf7
```
#c4caf7 rgb(196,202,247)
```
#c2c8f9
```
#c2c8f9 rgb(194,200,249)
```
#bfc6fc
```
#bfc6fc rgb(191,198,252)
```
#bdc4fe
```
#bdc4fe rgb(189,196,254)
```

Tone Color Variation

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

Dichromacy

#ced2ef Protanopia 1% of men
#d9cff0 Deuteranopia 1% of men
#ccd4e3 Tritanopia 0.001% of the population

Trichromacy

#cdd1ef Protanomaly 1% of men, 0.01% of women
#d4cff0 Deuteranomaly 6% of men, 0.4% of women
#ccd2e7 Tritanomaly 0.01% of the population

#ccd0ef hex color

#ccd0ef Color Information

#ccd0ef Color Conversion

Color Schemes with #ccd0ef

Alternatives to #ccd0ef

#ccd0ef Preview

Shades and Tints of #ccd0ef

Tones of #ccd0ef

Color Blindness Simulator