#ccc8ec hex color

In a RGB color space, hex #ccc8ec is composed of 80% red, 78.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 15.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 246.7 degrees, a saturation of 48.6% and a lightness of 85.5%. #ccc8ec color hex could be obtained by blending #ffffff with #9991d9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 78
- B 93
RGB color chart
- C 14
- M 15
- Y 0
- K 7
CMYK color chart

● #ccc8ec color description : Light grayish blue.

The hexadecimal color #ccc8ec has RGB values of R:204, G:200, B:236 and CMYK values of C:0.14, M:0.15, Y:0, K:0.07. Its decimal value is 13420780.

Hex triplet	ccc8ec	`#ccc8ec`
RGB Decimal	204, 200, 236	`rgb(204,200,236)`
RGB Percent	80, 78.4, 92.5	`rgb(80%,78.4%,92.5%)`
CMYK	14, 15, 0, 7
HSL	246.7°, 48.6, 85.5	`hsl(246.7,48.6%,85.5%)`
HSV (or HSB)	246.7°, 15.3, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.948, 8.376, -17.262
XYZ	60.694, 60.202, 87.775
xyY	0.291, 0.289, 60.202
CIE-LCH	81.948, 19.187, 295.884
CIE-LUV	81.948, 0.014, -28.524
Hunter-Lab	77.59, 3.847, -12.76
Binary	11001100, 11001000, 11101100

#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#e8ecc8
```
#e8ecc8 rgb(232,236,200)
```

Complementary Color

#c8d6ec
```
#c8d6ec rgb(200,214,236)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#dec8ec
```
#dec8ec rgb(222,200,236)
```

Analogous Color

#d6ecc8
```
#d6ecc8 rgb(214,236,200)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#ecdec8
```
#ecdec8 rgb(236,222,200)
```

Split Complementary Color

#c8eccc
```
#c8eccc rgb(200,236,204)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#ecccc8
```
#ecccc8 rgb(236,204,200)
```

Triadic Color

#c8e8ec
```
#c8e8ec rgb(200,232,236)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#ecccc8
```
#ecccc8 rgb(236,204,200)
```
#e8ecc8
```
#e8ecc8 rgb(232,236,200)
```

Tetradic Color

#978fd8
```
#978fd8 rgb(151,143,216)
```
#a9a2df
```
#a9a2df rgb(169,162,223)
```
#bab5e5
```
#bab5e5 rgb(186,181,229)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#dedbf3
```
#dedbf3 rgb(222,219,243)
```
#efeef9
```
#efeef9 rgb(239,238,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c8cdec
```
#c8cdec rgb(200,205,236)
```
#c8caec
```
#c8caec rgb(200,202,236)
```
#c9c8ec
```
#c9c8ec rgb(201,200,236)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#cfc8ec
```
#cfc8ec rgb(207,200,236)
```
#d2c8ec
```
#d2c8ec rgb(210,200,236)
```
#d5c8ec
```
#d5c8ec rgb(213,200,236)
```

Similar Colors

Text with hexadecimal color #ccc8ec

This text has a font color of #ccc8ec.

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

#ccc8ec background color

This paragraph has a background color of #ccc8ec.

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

#ccc8ec border color

This element has a border color of #ccc8ec.

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

CSS codes

.text {color:#ccc8ec;}

.background {background-color:#ccc8ec;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070612
```
#070612 rgb(7,6,18)
```
#0e0b20
```
#0e0b20 rgb(14,11,32)
```
#14102f
```
#14102f rgb(20,16,47)
```
#1a153e
```
#1a153e rgb(26,21,62)
```
#201a4c
```
#201a4c rgb(32,26,76)
```
#261f5b
```
#261f5b rgb(38,31,91)
```
#2c2469
```
#2c2469 rgb(44,36,105)
```
#322978
```
#322978 rgb(50,41,120)
```
#382e87
```
#382e87 rgb(56,46,135)
```
#3e3495
```
#3e3495 rgb(62,52,149)
```
#4439a4
```
#4439a4 rgb(68,57,164)
```
#4b3eb2
```
#4b3eb2 rgb(75,62,178)
```

Shade Color Variation

#5245bf
```
#5245bf rgb(82,69,191)
```
#6053c4
```
#6053c4 rgb(96,83,196)
```
#6d62c9
```
#6d62c9 rgb(109,98,201)
```
#7b71ce
```
#7b71ce rgb(123,113,206)
```
#887fd3
```
#887fd3 rgb(136,127,211)
```
#968ed8
```
#968ed8 rgb(150,142,216)
```
#a39cdd
```
#a39cdd rgb(163,156,221)
```
#b1abe2
```
#b1abe2 rgb(177,171,226)
```
#beb9e7
```
#beb9e7 rgb(190,185,231)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#dad7f1
```
#dad7f1 rgb(218,215,241)
```
#e7e5f6
```
#e7e5f6 rgb(231,229,246)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

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

#d9d9db
```
#d9d9db rgb(217,217,219)
```
#d7d6de
```
#d7d6de rgb(215,214,222)
```
#d5d3e1
```
#d5d3e1 rgb(213,211,225)
```
#d3d1e3
```
#d3d1e3 rgb(211,209,227)
```
#d0cee6
```
#d0cee6 rgb(208,206,230)
```
#cecbe9
```
#cecbe9 rgb(206,203,233)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#cac5ef
```
#cac5ef rgb(202,197,239)
```
#c8c2f2
```
#c8c2f2 rgb(200,194,242)
```
#c5bff5
```
#c5bff5 rgb(197,191,245)
```
#c3bdf7
```
#c3bdf7 rgb(195,189,247)
```
#c1bafa
```
#c1bafa rgb(193,186,250)
```
#bfb7fd
```
#bfb7fd rgb(191,183,253)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdccd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7ccee Protanopia 1% of men
#d1c9ed Deuteranopia 1% of men
#cbcddc Tritanopia 0.001% of the population

Trichromacy

#c9cbed Protanomaly 1% of men, 0.01% of women
#cfc9ec Deuteranomaly 6% of men, 0.4% of women
#cbcbe2 Tritanomaly 0.01% of the population

#ccc8ec hex color

#ccc8ec Color Information

#ccc8ec Color Conversion

Color Schemes with #ccc8ec

Alternatives to #ccc8ec

#ccc8ec Preview

Shades and Tints of #ccc8ec

Tones of #ccc8ec

Color Blindness Simulator