#c4bccc hex color

In a RGB color space, hex #c4bccc is composed of 76.9% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 270 degrees, a saturation of 13.6% and a lightness of 76.9%. #c4bccc color hex could be obtained by blending #ffffff with #897999. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 77
- G 74
- B 80
RGB color chart
- C 4
- M 8
- Y 0
- K 20
CMYK color chart

● #c4bccc color description : Grayish violet.

The hexadecimal color #c4bccc has RGB values of R:196, G:188, B:204 and CMYK values of C:0.04, M:0.08, Y:0, K:0.2. Its decimal value is 12893388.

Hex triplet	c4bccc	`#c4bccc`
RGB Decimal	196, 188, 204	`rgb(196,188,204)`
RGB Percent	76.9, 73.7, 80	`rgb(76.9%,73.7%,80%)`
CMYK	4, 8, 0, 20
HSL	270°, 13.6, 76.9	`hsl(270,13.6%,76.9%)`
HSV (or HSB)	270°, 7.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.318, 5.775, -7.034
XYZ	51.645, 52.062, 64.452
xyY	0.307, 0.31, 52.062
CIE-LCH	77.318, 9.101, 309.384
CIE-LUV	77.318, 3.538, -11.681
Hunter-Lab	72.154, 1.495, -2.453
Binary	11000100, 10111100, 11001100

#c4bccc
```
#c4bccc rgb(196,188,204)
```
#c4ccbc
```
#c4ccbc rgb(196,204,188)
```

Complementary Color

#bcbccc
```
#bcbccc rgb(188,188,204)
```
#c4bccc
```
#c4bccc rgb(196,188,204)
```
#ccbccc
```
#ccbccc rgb(204,188,204)
```

Analogous Color

#bcccbc
```
#bcccbc rgb(188,204,188)
```
#c4bccc
```
#c4bccc rgb(196,188,204)
```
#ccccbc
```
#ccccbc rgb(204,204,188)
```

Split Complementary Color

#bcccc4
```
#bcccc4 rgb(188,204,196)
```
#c4bccc
```
#c4bccc rgb(196,188,204)
```
#ccc4bc
```
#ccc4bc rgb(204,196,188)
```

Triadic Color

#bcc4cc
```
#bcc4cc rgb(188,196,204)
```
#c4bccc
```
#c4bccc rgb(196,188,204)
```
#ccc4bc
```
#ccc4bc rgb(204,196,188)
```
#c4ccbc
```
#c4ccbc rgb(196,204,188)
```

Tetradic Color

#9e91ab
```
#9e91ab rgb(158,145,171)
```
#ab9fb6
```
#ab9fb6 rgb(171,159,182)
```
#b7aec1
```
#b7aec1 rgb(183,174,193)
```
#c4bccc
```
#c4bccc rgb(196,188,204)
```
#d1cad7
```
#d1cad7 rgb(209,202,215)
```
#ded9e2
```
#ded9e2 rgb(222,217,226)
```
#eae7ed
```
#eae7ed rgb(234,231,237)
```

Monochromatic Color

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

#c0bccc
```
#c0bccc rgb(192,188,204)
```
#c1bccc
```
#c1bccc rgb(193,188,204)
```
#c3bccc
```
#c3bccc rgb(195,188,204)
```
#c4bccc
```
#c4bccc rgb(196,188,204)
```
#c5bccc
```
#c5bccc rgb(197,188,204)
```
#c7bccc
```
#c7bccc rgb(199,188,204)
```
#c8bccc
```
#c8bccc rgb(200,188,204)
```

Similar Colors

Text with hexadecimal color #c4bccc

This text has a font color of #c4bccc.

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

#c4bccc background color

This paragraph has a background color of #c4bccc.

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

#c4bccc border color

This element has a border color of #c4bccc.

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

CSS codes

.text {color:#c4bccc;}

.background {background-color:#c4bccc;}

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

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, #0a080b is the darkest color, while #ffffff is the lightest one.

#0a080b
```
#0a080b rgb(10,8,11)
```
#131116
```
#131116 rgb(19,17,22)
```
#1d1921
```
#1d1921 rgb(29,25,33)
```
#27222c
```
#27222c rgb(39,34,44)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#3b3343
```
#3b3343 rgb(59,51,67)
```
#453b4e
```
#453b4e rgb(69,59,78)
```
#4e4459
```
#4e4459 rgb(78,68,89)
```
#584c64
```
#584c64 rgb(88,76,100)
```
#62556f
```
#62556f rgb(98,85,111)
```
#6c5d7a
```
#6c5d7a rgb(108,93,122)
```
#766685
```
#766685 rgb(118,102,133)
```
#7f6e91
```
#7f6e91 rgb(127,110,145)
```

Shade Color Variation

#897999
```
#897999 rgb(137,121,153)
```
#9384a2
```
#9384a2 rgb(147,132,162)
```
#9d8faa
```
#9d8faa rgb(157,143,170)
```
#a79bb3
```
#a79bb3 rgb(167,155,179)
```
#b0a6bb
```
#b0a6bb rgb(176,166,187)
```
#bab1c4
```
#bab1c4 rgb(186,177,196)
```
#c4bccc
```
#c4bccc rgb(196,188,204)
```
#cec7d4
```
#cec7d4 rgb(206,199,212)
```
#d8d2dd
```
#d8d2dd rgb(216,210,221)
```
#e1dde5
```
#e1dde5 rgb(225,221,229)
```
#ebe9ee
```
#ebe9ee rgb(235,233,238)
```
#f5f4f6
```
#f5f4f6 rgb(245,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c4c1c7
```
#c4c1c7 rgb(196,193,199)
```
#c4bccc
```
#c4bccc rgb(196,188,204)
```
#c4b7d1
```
#c4b7d1 rgb(196,183,209)
```
#c4b3d5
```
#c4b3d5 rgb(196,179,213)
```
#c4aeda
```
#c4aeda rgb(196,174,218)
```
#c4aade
```
#c4aade rgb(196,170,222)
```
#c4a5e3
```
#c4a5e3 rgb(196,165,227)
```
#c4a1e7
```
#c4a1e7 rgb(196,161,231)
```
#c49cec
```
#c49cec rgb(196,156,236)
```
#c498f0
```
#c498f0 rgb(196,152,240)
```
#c493f5
```
#c493f5 rgb(196,147,245)
```
#c48ff9
```
#c48ff9 rgb(196,143,249)
```
#c48afe
```
#c48afe rgb(196,138,254)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c1bfc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c1cf Protanopia 1% of men
#cebdcf Deuteranopia 1% of men
#c6bfcd Tritanopia 0.001% of the population

Trichromacy

#c2bfce Protanomaly 1% of men, 0.01% of women
#cabcce Deuteranomaly 6% of men, 0.4% of women
#c5becc Tritanomaly 0.01% of the population

#c4bccc hex color

#c4bccc Color Information

#c4bccc Color Conversion

Color Schemes with #c4bccc

Alternatives to #c4bccc

#c4bccc Preview

Shades and Tints of #c4bccc

Tones of #c4bccc

Color Blindness Simulator