#ccc7db hex color

In a RGB color space, hex #ccc7db is composed of 80% red, 78% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 6.8% cyan, 9.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 255 degrees, a saturation of 21.7% and a lightness of 82%. #ccc7db color hex could be obtained by blending #ffffff with #998fb7. Closest websafe color is: #cccccc.

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

● #ccc7db color description : Light grayish violet.

The hexadecimal color #ccc7db has RGB values of R:204, G:199, B:219 and CMYK values of C:0.07, M:0.09, Y:0, K:0.14. Its decimal value is 13420507.

Hex triplet	ccc7db	`#ccc7db`
RGB Decimal	204, 199, 219	`rgb(204,199,219)`
RGB Percent	80, 78, 85.9	`rgb(80%,78%,85.9%)`
CMYK	7, 9, 0, 14
HSL	255°, 21.7, 82	`hsl(255,21.7%,82%)`
HSV (or HSB)	255°, 9.1, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.181, 5.481, -9.313
XYZ	58.109, 58.799, 75.302
xyY	0.302, 0.306, 58.799
CIE-LCH	81.181, 10.807, 300.479
CIE-LUV	81.181, 1.59, -15.287
Hunter-Lab	76.68, 1.079, -4.548
Binary	11001100, 11000111, 11011011

#ccc7db
```
#ccc7db rgb(204,199,219)
```
#d6dbc7
```
#d6dbc7 rgb(214,219,199)
```

Complementary Color

#c7ccdb
```
#c7ccdb rgb(199,204,219)
```
#ccc7db
```
#ccc7db rgb(204,199,219)
```
#d6c7db
```
#d6c7db rgb(214,199,219)
```

Analogous Color

#ccdbc7
```
#ccdbc7 rgb(204,219,199)
```
#ccc7db
```
#ccc7db rgb(204,199,219)
```
#dbd6c7
```
#dbd6c7 rgb(219,214,199)
```

Split Complementary Color

#c7dbcc
```
#c7dbcc rgb(199,219,204)
```
#ccc7db
```
#ccc7db rgb(204,199,219)
```
#dbccc7
```
#dbccc7 rgb(219,204,199)
```

Triadic Color

#c7d6db
```
#c7d6db rgb(199,214,219)
```
#ccc7db
```
#ccc7db rgb(204,199,219)
```
#dbccc7
```
#dbccc7 rgb(219,204,199)
```
#d6dbc7
```
#d6dbc7 rgb(214,219,199)
```

Tetradic Color

#a298bd
```
#a298bd rgb(162,152,189)
```
#b0a8c7
```
#b0a8c7 rgb(176,168,199)
```
#beb7d1
```
#beb7d1 rgb(190,183,209)
```
#ccc7db
```
#ccc7db rgb(204,199,219)
```
#dad7e5
```
#dad7e5 rgb(218,215,229)
```
#e8e6ef
```
#e8e6ef rgb(232,230,239)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Monochromatic Color

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

#c7c7db
```
#c7c7db rgb(199,199,219)
```
#c9c7db
```
#c9c7db rgb(201,199,219)
```
#cac7db
```
#cac7db rgb(202,199,219)
```
#ccc7db
```
#ccc7db rgb(204,199,219)
```
#cec7db
```
#cec7db rgb(206,199,219)
```
#cfc7db
```
#cfc7db rgb(207,199,219)
```
#d1c7db
```
#d1c7db rgb(209,199,219)
```

Similar Colors

Text with hexadecimal color #ccc7db

This text has a font color of #ccc7db.

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

#ccc7db background color

This paragraph has a background color of #ccc7db.

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

#ccc7db border color

This element has a border color of #ccc7db.

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

CSS codes

.text {color:#ccc7db;}

.background {background-color:#ccc7db;}

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0b0a10
```
#0b0a10 rgb(11,10,16)
```
#14121c
```
#14121c rgb(20,18,28)
```
#1d1928
```
#1d1928 rgb(29,25,40)
```
#262133
```
#262133 rgb(38,33,51)
```
#2e293f
```
#2e293f rgb(46,41,63)
```
#37304b
```
#37304b rgb(55,48,75)
```
#403857
```
#403857 rgb(64,56,87)
```
#494063
```
#494063 rgb(73,64,99)
```
#51476f
```
#51476f rgb(81,71,111)
```
#5a4f7b
```
#5a4f7b rgb(90,79,123)
```
#635787
```
#635787 rgb(99,87,135)
```
#6c5e93
```
#6c5e93 rgb(108,94,147)
```

Shade Color Variation

#75679e
```
#75679e rgb(117,103,158)
```
#8073a5
```
#8073a5 rgb(128,115,165)
```
#8b7fad
```
#8b7fad rgb(139,127,173)
```
#968bb5
```
#968bb5 rgb(150,139,181)
```
#a197bc
```
#a197bc rgb(161,151,188)
```
#aba3c4
```
#aba3c4 rgb(171,163,196)
```
#b6afcc
```
#b6afcc rgb(182,175,204)
```
#c1bbd3
```
#c1bbd3 rgb(193,187,211)
```
#ccc7db
```
#ccc7db rgb(204,199,219)
```
#d7d3e3
```
#d7d3e3 rgb(215,211,227)
```
#e2dfea
```
#e2dfea rgb(226,223,234)
```
#edebf2
```
#edebf2 rgb(237,235,242)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

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

#d0ced4
```
#d0ced4 rgb(208,206,212)
```
#cecbd7
```
#cecbd7 rgb(206,203,215)
```
#ccc7db
```
#ccc7db rgb(204,199,219)
```
#cac3df
```
#cac3df rgb(202,195,223)
```
#c8c0e2
```
#c8c0e2 rgb(200,192,226)
```
#c7bce6
```
#c7bce6 rgb(199,188,230)
```
#c5b9e9
```
#c5b9e9 rgb(197,185,233)
```
#c3b5ed
```
#c3b5ed rgb(195,181,237)
```
#c1b2f0
```
#c1b2f0 rgb(193,178,240)
```
#c0aef4
```
#c0aef4 rgb(192,174,244)
```
#beabf7
```
#beabf7 rgb(190,171,247)
```
#bca7fb
```
#bca7fb rgb(188,167,251)
```
#baa4fe
```
#baa4fe rgb(186,164,254)
```

Tone Color Variation

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

Dichromacy

#cacbdd Protanopia 1% of men
#d6c7dd Deuteranopia 1% of men
#cdcad9 Tritanopia 0.001% of the population

Trichromacy

#cbc9dc Protanomaly 1% of men, 0.01% of women
#d2c7dc Deuteranomaly 6% of men, 0.4% of women
#cdc9d9 Tritanomaly 0.01% of the population

#ccc7db hex color

#ccc7db Color Information

#ccc7db Color Conversion

Color Schemes with #ccc7db

Alternatives to #ccc7db

#ccc7db Preview

Shades and Tints of #ccc7db

Tones of #ccc7db

Color Blindness Simulator