#ccbcd5 hex color

In a RGB color space, hex #ccbcd5 is composed of 80% red, 73.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 11.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 278.4 degrees, a saturation of 22.9% and a lightness of 78.6%. #ccbcd5 color hex could be obtained by blending #ffffff with #9979ab. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 74
- B 84
RGB color chart
- C 4
- M 12
- Y 0
- K 16
CMYK color chart

● #ccbcd5 color description : Grayish violet.

The hexadecimal color #ccbcd5 has RGB values of R:204, G:188, B:213 and CMYK values of C:0.04, M:0.12, Y:0, K:0.16. Its decimal value is 13417685.

Hex triplet	ccbcd5	`#ccbcd5`
RGB Decimal	204, 188, 213	`rgb(204,188,213)`
RGB Percent	80, 73.7, 83.5	`rgb(80%,73.7%,83.5%)`
CMYK	4, 12, 0, 16
HSL	278.4°, 22.9, 78.6	`hsl(278.4,22.9%,78.6%)`
HSV (or HSB)	278.4°, 11.7, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.233, 10.211, -10.474
XYZ	54.893, 53.608, 70.403
xyY	0.307, 0.3, 53.608
CIE-LCH	78.233, 14.628, 314.272
CIE-LUV	78.233, 7.45, -17.819
Hunter-Lab	73.218, 5.696, -5.758
Binary	11001100, 10111100, 11010101

#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#c5d5bc
```
#c5d5bc rgb(197,213,188)
```

Complementary Color

#c0bcd5
```
#c0bcd5 rgb(192,188,213)
```
#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#d5bcd2
```
#d5bcd2 rgb(213,188,210)
```

Analogous Color

#bcd5c0
```
#bcd5c0 rgb(188,213,192)
```
#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#d2d5bc
```
#d2d5bc rgb(210,213,188)
```

Split Complementary Color

#bcd5cc
```
#bcd5cc rgb(188,213,204)
```
#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#d5ccbc
```
#d5ccbc rgb(213,204,188)
```

Triadic Color

#bcc5d5
```
#bcc5d5 rgb(188,197,213)
```
#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#d5ccbc
```
#d5ccbc rgb(213,204,188)
```
#c5d5bc
```
#c5d5bc rgb(197,213,188)
```

Tetradic Color

#a88db8
```
#a88db8 rgb(168,141,184)
```
#b49dc1
```
#b49dc1 rgb(180,157,193)
```
#c0accb
```
#c0accb rgb(192,172,203)
```
#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#d8ccdf
```
#d8ccdf rgb(216,204,223)
```
#e4dbe9
```
#e4dbe9 rgb(228,219,233)
```
#f0ebf2
```
#f0ebf2 rgb(240,235,242)
```

Monochromatic Color

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

#c6bcd5
```
#c6bcd5 rgb(198,188,213)
```
#c8bcd5
```
#c8bcd5 rgb(200,188,213)
```
#cabcd5
```
#cabcd5 rgb(202,188,213)
```
#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#cebcd5
```
#cebcd5 rgb(206,188,213)
```
#d0bcd5
```
#d0bcd5 rgb(208,188,213)
```
#d2bcd5
```
#d2bcd5 rgb(210,188,213)
```

Similar Colors

Text with hexadecimal color #ccbcd5

This text has a font color of #ccbcd5.

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

#ccbcd5 background color

This paragraph has a background color of #ccbcd5.

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

#ccbcd5 border color

This element has a border color of #ccbcd5.

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

CSS codes

.text {color:#ccbcd5;}

.background {background-color:#ccbcd5;}

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

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

#050305
```
#050305 rgb(5,3,5)
```
#0f0b11
```
#0f0b11 rgb(15,11,17)
```
#1a121d
```
#1a121d rgb(26,18,29)
```
#241a2a
```
#241a2a rgb(36,26,42)
```
#2e2236
```
#2e2236 rgb(46,34,54)
```
#392942
```
#392942 rgb(57,41,66)
```
#43314e
```
#43314e rgb(67,49,78)
```
#4e385a
```
#4e385a rgb(78,56,90)
```
#584066
```
#584066 rgb(88,64,102)
```
#634772
```
#634772 rgb(99,71,114)
```
#6d4f7e
```
#6d4f7e rgb(109,79,126)
```
#77568a
```
#77568a rgb(119,86,138)
```
#825e96
```
#825e96 rgb(130,94,150)
```

Shade Color Variation

#8c68a0
```
#8c68a0 rgb(140,104,160)
```
#9574a8
```
#9574a8 rgb(149,116,168)
```
#9e80af
```
#9e80af rgb(158,128,175)
```
#a78cb7
```
#a78cb7 rgb(167,140,183)
```
#b098be
```
#b098be rgb(176,152,190)
```
#baa4c6
```
#baa4c6 rgb(186,164,198)
```
#c3b0cd
```
#c3b0cd rgb(195,176,205)
```
#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#d5c8dd
```
#d5c8dd rgb(213,200,221)
```
#ded4e4
```
#ded4e4 rgb(222,212,228)
```
#e8e0ec
```
#e8e0ec rgb(232,224,236)
```
#f1ecf3
```
#f1ecf3 rgb(241,236,243)
```
#faf8fb
```
#faf8fb rgb(250,248,251)
```

Tint Color Variation

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

#cac4cd
```
#cac4cd rgb(202,196,205)
```
#cbc0d1
```
#cbc0d1 rgb(203,192,209)
```
#ccbcd5
```
#ccbcd5 rgb(204,188,213)
```
#cdb8d9
```
#cdb8d9 rgb(205,184,217)
```
#ceb4dd
```
#ceb4dd rgb(206,180,221)
```
#d0afe2
```
#d0afe2 rgb(208,175,226)
```
#d1abe6
```
#d1abe6 rgb(209,171,230)
```
#d2a7ea
```
#d2a7ea rgb(210,167,234)
```
#d3a3ee
```
#d3a3ee rgb(211,163,238)
```
#d49ff2
```
#d49ff2 rgb(212,159,242)
```
#d59af7
```
#d59af7 rgb(213,154,247)
```
#d796fb
```
#d796fb rgb(215,150,251)
```
#d892ff
```
#d892ff rgb(216,146,255)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c3d9 Protanopia 1% of men
#cdbfd7 Deuteranopia 1% of men
#cdc0ce Tritanopia 0.001% of the population

Trichromacy

#c5c0d7 Protanomaly 1% of men, 0.01% of women
#cdbed6 Deuteranomaly 6% of men, 0.4% of women
#ccbfd0 Tritanomaly 0.01% of the population

#ccbcd5 hex color

#ccbcd5 Color Information

#ccbcd5 Color Conversion

Color Schemes with #ccbcd5

Alternatives to #ccbcd5

#ccbcd5 Preview

Shades and Tints of #ccbcd5

Tones of #ccbcd5

Color Blindness Simulator