#ccc7dd hex color

In a RGB color space, hex #ccc7dd is composed of 80% red, 78% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 10% magenta, 0% yellow and 13.3% black. It has a hue angle of 253.6 degrees, a saturation of 24.4% and a lightness of 82.4%. #ccc7dd color hex could be obtained by blending #ffffff with #998fbb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 78
- B 87
RGB color chart
- C 8
- M 10
- Y 0
- K 13
CMYK color chart

● #ccc7dd color description : Light grayish blue.

The hexadecimal color #ccc7dd has RGB values of R:204, G:199, B:221 and CMYK values of C:0.08, M:0.1, Y:0, K:0.13. Its decimal value is 13420509.

Hex triplet	ccc7dd	`#ccc7dd`
RGB Decimal	204, 199, 221	`rgb(204,199,221)`
RGB Percent	80, 78, 86.7	`rgb(80%,78%,86.7%)`
CMYK	8, 10, 0, 13
HSL	253.6°, 24.4, 82.4	`hsl(253.6,24.4%,82.4%)`
HSV (or HSB)	253.6°, 10, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.239, 5.874, -10.298
XYZ	58.374, 58.905, 76.697
xyY	0.301, 0.304, 58.905
CIE-LCH	81.239, 11.856, 299.699
CIE-LUV	81.239, 1.461, -16.909
Hunter-Lab	76.749, 1.452, -5.525
Binary	11001100, 11000111, 11011101

#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#d8ddc7
```
#d8ddc7 rgb(216,221,199)
```

Complementary Color

#c7cddd
```
#c7cddd rgb(199,205,221)
```
#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#d7c7dd
```
#d7c7dd rgb(215,199,221)
```

Analogous Color

#cdddc7
```
#cdddc7 rgb(205,221,199)
```
#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#ddd7c7
```
#ddd7c7 rgb(221,215,199)
```

Split Complementary Color

#c7ddcc
```
#c7ddcc rgb(199,221,204)
```
#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#ddccc7
```
#ddccc7 rgb(221,204,199)
```

Triadic Color

#c7d8dd
```
#c7d8dd rgb(199,216,221)
```
#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#ddccc7
```
#ddccc7 rgb(221,204,199)
```
#d8ddc7
```
#d8ddc7 rgb(216,221,199)
```

Tetradic Color

#a197c0
```
#a197c0 rgb(161,151,192)
```
#afa7ca
```
#afa7ca rgb(175,167,202)
```
#beb7d3
```
#beb7d3 rgb(190,183,211)
```
#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#dad7e7
```
#dad7e7 rgb(218,215,231)
```
#e9e7f0
```
#e9e7f0 rgb(233,231,240)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Monochromatic Color

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

#c7c8dd
```
#c7c8dd rgb(199,200,221)
```
#c8c7dd
```
#c8c7dd rgb(200,199,221)
```
#cac7dd
```
#cac7dd rgb(202,199,221)
```
#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#cec7dd
```
#cec7dd rgb(206,199,221)
```
#d0c7dd
```
#d0c7dd rgb(208,199,221)
```
#d2c7dd
```
#d2c7dd rgb(210,199,221)
```

Similar Colors

Text with hexadecimal color #ccc7dd

This text has a font color of #ccc7dd.

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

#ccc7dd background color

This paragraph has a background color of #ccc7dd.

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

#ccc7dd border color

This element has a border color of #ccc7dd.

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

CSS codes

.text {color:#ccc7dd;}

.background {background-color:#ccc7dd;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0c0a11
```
#0c0a11 rgb(12,10,17)
```
#15121d
```
#15121d rgb(21,18,29)
```
#1d192a
```
#1d192a rgb(29,25,42)
```
#262136
```
#262136 rgb(38,33,54)
```
#2e2842
```
#2e2842 rgb(46,40,66)
```
#37304e
```
#37304e rgb(55,48,78)
```
#3f375a
```
#3f375a rgb(63,55,90)
```
#483e67
```
#483e67 rgb(72,62,103)
```
#504673
```
#504673 rgb(80,70,115)
```
#594d7f
```
#594d7f rgb(89,77,127)
```
#61558b
```
#61558b rgb(97,85,139)
```
#6a5c97
```
#6a5c97 rgb(106,92,151)
```

Shade Color Variation

#7365a2
```
#7365a2 rgb(115,101,162)
```
#7e72a9
```
#7e72a9 rgb(126,114,169)
```
#897eb1
```
#897eb1 rgb(137,126,177)
```
#948ab8
```
#948ab8 rgb(148,138,184)
```
#a096bf
```
#a096bf rgb(160,150,191)
```
#aba2c7
```
#aba2c7 rgb(171,162,199)
```
#b6afce
```
#b6afce rgb(182,175,206)
```
#c1bbd6
```
#c1bbd6 rgb(193,187,214)
```
#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#d7d3e4
```
#d7d3e4 rgb(215,211,228)
```
#e2dfec
```
#e2dfec rgb(226,223,236)
```
#edecf3
```
#edecf3 rgb(237,236,243)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#d2d1d3
```
#d2d1d3 rgb(210,209,211)
```
#d0ced6
```
#d0ced6 rgb(208,206,214)
```
#cecada
```
#cecada rgb(206,202,218)
```
#ccc7dd
```
#ccc7dd rgb(204,199,221)
```
#cac4e0
```
#cac4e0 rgb(202,196,224)
```
#c8c0e4
```
#c8c0e4 rgb(200,192,228)
```
#c6bde7
```
#c6bde7 rgb(198,189,231)
```
#c4b9eb
```
#c4b9eb rgb(196,185,235)
```
#c3b6ee
```
#c3b6ee rgb(195,182,238)
```
#c1b2f2
```
#c1b2f2 rgb(193,178,242)
```
#bfaff5
```
#bfaff5 rgb(191,175,245)
```
#bdabf9
```
#bdabf9 rgb(189,171,249)
```
#bba8fc
```
#bba8fc rgb(187,168,252)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbcacf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacbdf Protanopia 1% of men
#d6c7df Deuteranopia 1% of men
#cdcad9 Tritanopia 0.001% of the population

Trichromacy

#cac9de Protanomaly 1% of men, 0.01% of women
#d2c7de Deuteranomaly 6% of men, 0.4% of women
#cdc9da Tritanomaly 0.01% of the population

#ccc7dd hex color

#ccc7dd Color Information

#ccc7dd Color Conversion

Color Schemes with #ccc7dd

Alternatives to #ccc7dd

#ccc7dd Preview

Shades and Tints of #ccc7dd

Tones of #ccc7dd

Color Blindness Simulator