#ccb8d4 hex color

In a RGB color space, hex #ccb8d4 is composed of 80% red, 72.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 13.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 282.9 degrees, a saturation of 24.6% and a lightness of 77.6%. #ccb8d4 color hex could be obtained by blending #ffffff with #9971a9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 72
- B 83
RGB color chart
- C 4
- M 13
- Y 0
- K 17
CMYK color chart

● #ccb8d4 color description : Grayish violet.

The hexadecimal color #ccb8d4 has RGB values of R:204, G:184, B:212 and CMYK values of C:0.04, M:0.13, Y:0, K:0.17. Its decimal value is 13416660.

Hex triplet	ccb8d4	`#ccb8d4`
RGB Decimal	204, 184, 212	`rgb(204,184,212)`
RGB Percent	80, 72.2, 83.1	`rgb(80%,72.2%,83.1%)`
CMYK	4, 13, 0, 17
HSL	282.9°, 24.6, 77.6	`hsl(282.9,24.6%,77.6%)`
HSV (or HSB)	282.9°, 13.2, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.204, 12.179, -11.468
XYZ	53.924, 51.872, 69.455
xyY	0.308, 0.296, 51.872
CIE-LCH	77.204, 16.728, 316.721
CIE-LUV	77.204, 9.521, -19.675
Hunter-Lab	72.022, 7.606, -6.761
Binary	11001100, 10111000, 11010100

#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#c0d4b8
```
#c0d4b8 rgb(192,212,184)
```

Complementary Color

#beb8d4
```
#beb8d4 rgb(190,184,212)
```
#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#d4b8ce
```
#d4b8ce rgb(212,184,206)
```

Analogous Color

#b8d4be
```
#b8d4be rgb(184,212,190)
```
#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#ced4b8
```
#ced4b8 rgb(206,212,184)
```

Split Complementary Color

#b8d4cc
```
#b8d4cc rgb(184,212,204)
```
#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#d4ccb8
```
#d4ccb8 rgb(212,204,184)
```

Triadic Color

#b8c0d4
```
#b8c0d4 rgb(184,192,212)
```
#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#d4ccb8
```
#d4ccb8 rgb(212,204,184)
```
#c0d4b8
```
#c0d4b8 rgb(192,212,184)
```

Tetradic Color

#aa88b7
```
#aa88b7 rgb(170,136,183)
```
#b598c1
```
#b598c1 rgb(181,152,193)
```
#c1a8ca
```
#c1a8ca rgb(193,168,202)
```
#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#d7c8de
```
#d7c8de rgb(215,200,222)
```
#e3d8e7
```
#e3d8e7 rgb(227,216,231)
```
#eee8f1
```
#eee8f1 rgb(238,232,241)
```

Monochromatic Color

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

#c5b8d4
```
#c5b8d4 rgb(197,184,212)
```
#c7b8d4
```
#c7b8d4 rgb(199,184,212)
```
#cab8d4
```
#cab8d4 rgb(202,184,212)
```
#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#ceb8d4
```
#ceb8d4 rgb(206,184,212)
```
#d1b8d4
```
#d1b8d4 rgb(209,184,212)
```
#d3b8d4
```
#d3b8d4 rgb(211,184,212)
```

Similar Colors

Text with hexadecimal color #ccb8d4

This text has a font color of #ccb8d4.

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

#ccb8d4 background color

This paragraph has a background color of #ccb8d4.

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

#ccb8d4 border color

This element has a border color of #ccb8d4.

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

CSS codes

.text {color:#ccb8d4;}

.background {background-color:#ccb8d4;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0d090f
```
#0d090f rgb(13,9,15)
```
#18101b
```
#18101b rgb(24,16,27)
```
#231827
```
#231827 rgb(35,24,39)
```
#2d1f33
```
#2d1f33 rgb(45,31,51)
```
#38263f
```
#38263f rgb(56,38,63)
```
#432e4c
```
#432e4c rgb(67,46,76)
```
#4e3558
```
#4e3558 rgb(78,53,88)
```
#593d64
```
#593d64 rgb(89,61,100)
```
#644470
```
#644470 rgb(100,68,112)
```
#6e4b7c
```
#6e4b7c rgb(110,75,124)
```
#795389
```
#795389 rgb(121,83,137)
```
#845a95
```
#845a95 rgb(132,90,149)
```

Shade Color Variation

#8f62a0
```
#8f62a0 rgb(143,98,160)
```
#976fa8
```
#976fa8 rgb(151,111,168)
```
#a07baf
```
#a07baf rgb(160,123,175)
```
#a987b6
```
#a987b6 rgb(169,135,182)
```
#b293be
```
#b293be rgb(178,147,190)
```
#baa0c5
```
#baa0c5 rgb(186,160,197)
```
#c3accd
```
#c3accd rgb(195,172,205)
```
#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#d5c4db
```
#d5c4db rgb(213,196,219)
```
#ded0e3
```
#ded0e3 rgb(222,208,227)
```
#e6ddea
```
#e6ddea rgb(230,221,234)
```
#efe9f2
```
#efe9f2 rgb(239,233,242)
```
#f8f5f9
```
#f8f5f9 rgb(248,245,249)
```

Tint Color Variation

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

#c6c5c7
```
#c6c5c7 rgb(198,197,199)
```
#c8c1cb
```
#c8c1cb rgb(200,193,203)
```
#cabcd0
```
#cabcd0 rgb(202,188,208)
```
#ccb8d4
```
#ccb8d4 rgb(204,184,212)
```
#ceb4d8
```
#ceb4d8 rgb(206,180,216)
```
#d0afdd
```
#d0afdd rgb(208,175,221)
```
#d2abe1
```
#d2abe1 rgb(210,171,225)
```
#d4a6e6
```
#d4a6e6 rgb(212,166,230)
```
#d5a2ea
```
#d5a2ea rgb(213,162,234)
```
#d79eee
```
#d79eee rgb(215,158,238)
```
#d999f3
```
#d999f3 rgb(217,153,243)
```
#db95f7
```
#db95f7 rgb(219,149,247)
```
#dd91fb
```
#dd91fb rgb(221,145,251)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3bfc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc0d9 Protanopia 1% of men
#cabdd5 Deuteranopia 1% of men
#ccbdcb Tritanopia 0.001% of the population

Trichromacy

#c3bdd7 Protanomaly 1% of men, 0.01% of women
#cabbd5 Deuteranomaly 6% of men, 0.4% of women
#ccbbce Tritanomaly 0.01% of the population

#ccb8d4 hex color

#ccb8d4 Color Information

#ccb8d4 Color Conversion

Color Schemes with #ccb8d4

Alternatives to #ccb8d4

#ccb8d4 Preview

Shades and Tints of #ccb8d4

Tones of #ccb8d4

Color Blindness Simulator