#c4bec5 hex color

In a RGB color space, hex #c4bec5 is composed of 76.9% red, 74.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 3.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 291.4 degrees, a saturation of 5.7% and a lightness of 75.9%. #c4bec5 color hex could be obtained by blending #ffffff with #897d8b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 77
- G 75
- B 77
RGB color chart
- C 1
- M 4
- Y 0
- K 23
CMYK color chart

● #c4bec5 color description : Grayish magenta.

The hexadecimal color #c4bec5 has RGB values of R:196, G:190, B:197 and CMYK values of C:0.01, M:0.04, Y:0, K:0.23. Its decimal value is 12893893.

Hex triplet	c4bec5	`#c4bec5`
RGB Decimal	196, 190, 197	`rgb(196,190,197)`
RGB Percent	76.9, 74.5, 77.3	`rgb(76.9%,74.5%,77.3%)`
CMYK	1, 4, 0, 23
HSL	291.4°, 5.7, 75.9	`hsl(291.4,5.7%,75.9%)`
HSV (or HSB)	291.4°, 3.6, 77.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.635, 3.378, -2.777
XYZ	51.255, 52.594, 60.272
xyY	0.312, 0.32, 52.594
CIE-LCH	77.635, 4.373, 320.58
CIE-LUV	77.635, 2.993, -4.761
Hunter-Lab	72.522, -0.758, 1.49
Binary	11000100, 10111110, 11000101

#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#bfc5be
```
#bfc5be rgb(191,197,190)
```

Complementary Color

#c1bec5
```
#c1bec5 rgb(193,190,197)
```
#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#c5bec3
```
#c5bec3 rgb(197,190,195)
```

Analogous Color

#bec5c1
```
#bec5c1 rgb(190,197,193)
```
#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#c3c5be
```
#c3c5be rgb(195,197,190)
```

Split Complementary Color

#bec5c4
```
#bec5c4 rgb(190,197,196)
```
#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#c5c4be
```
#c5c4be rgb(197,196,190)
```

Triadic Color

#bebfc5
```
#bebfc5 rgb(190,191,197)
```
#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#c5c4be
```
#c5c4be rgb(197,196,190)
```
#bfc5be
```
#bfc5be rgb(191,197,190)
```

Tetradic Color

#9f96a1
```
#9f96a1 rgb(159,150,161)
```
#aca3ad
```
#aca3ad rgb(172,163,173)
```
#b8b1b9
```
#b8b1b9 rgb(184,177,185)
```
#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#d0cbd1
```
#d0cbd1 rgb(208,203,209)
```
#dcd9dd
```
#dcd9dd rgb(220,217,221)
```
#e9e6e9
```
#e9e6e9 rgb(233,230,233)
```

Monochromatic Color

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

#c2bec5
```
#c2bec5 rgb(194,190,197)
```
#c3bec5
```
#c3bec5 rgb(195,190,197)
```
#c3bec5
```
#c3bec5 rgb(195,190,197)
```
#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#c5bec5
```
#c5bec5 rgb(197,190,197)
```
#c5bec5
```
#c5bec5 rgb(197,190,197)
```
#c5bec4
```
#c5bec4 rgb(197,190,196)
```

Similar Colors

Text with hexadecimal color #c4bec5

This text has a font color of #c4bec5.

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

#c4bec5 background color

This paragraph has a background color of #c4bec5.

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

#c4bec5 border color

This element has a border color of #c4bec5.

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

CSS codes

.text {color:#c4bec5;}

.background {background-color:#c4bec5;}

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

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

#070708
```
#070708 rgb(7,7,8)
```
#121012
```
#121012 rgb(18,16,18)
```
#1c191c
```
#1c191c rgb(28,25,28)
```
#262227
```
#262227 rgb(38,34,39)
```
#302c31
```
#302c31 rgb(48,44,49)
```
#3a353b
```
#3a353b rgb(58,53,59)
```
#453e46
```
#453e46 rgb(69,62,70)
```
#4f4750
```
#4f4750 rgb(79,71,80)
```
#59515a
```
#59515a rgb(89,81,90)
```
#635a65
```
#635a65 rgb(99,90,101)
```
#6e636f
```
#6e636f rgb(110,99,111)
```
#786c7a
```
#786c7a rgb(120,108,122)
```
#827684
```
#827684 rgb(130,118,132)
```

Shade Color Variation

#8c808e
```
#8c808e rgb(140,128,142)
```
#958a97
```
#958a97 rgb(149,138,151)
```
#9e95a0
```
#9e95a0 rgb(158,149,160)
```
#a89fa9
```
#a89fa9 rgb(168,159,169)
```
#b1a9b3
```
#b1a9b3 rgb(177,169,179)
```
#bbb4bc
```
#bbb4bc rgb(187,180,188)
```
#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#cdc8ce
```
#cdc8ce rgb(205,200,206)
```
#d7d3d7
```
#d7d3d7 rgb(215,211,215)
```
#e0dde1
```
#e0dde1 rgb(224,221,225)
```
#eae7ea
```
#eae7ea rgb(234,231,234)
```
#f3f2f3
```
#f3f2f3 rgb(243,242,243)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#c4bec5
```
#c4bec5 rgb(196,190,197)
```
#c7b9ca
```
#c7b9ca rgb(199,185,202)
```
#cbb5ce
```
#cbb5ce rgb(203,181,206)
```
#ceb0d3
```
#ceb0d3 rgb(206,176,211)
```
#d2abd8
```
#d2abd8 rgb(210,171,216)
```
#d5a6dd
```
#d5a6dd rgb(213,166,221)
```
#d8a2e1
```
#d8a2e1 rgb(216,162,225)
```
#dc9de6
```
#dc9de6 rgb(220,157,230)
```
#df98eb
```
#df98eb rgb(223,152,235)
```
#e293f0
```
#e293f0 rgb(226,147,240)
```
#e68ff4
```
#e68ff4 rgb(230,143,244)
```
#e98af9
```
#e98af9 rgb(233,138,249)
```
#ed85fe
```
#ed85fe rgb(237,133,254)
```

Tone Color Variation

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

Dichromacy

#c4c2c8 Protanopia 1% of men
#d2bdc9 Deuteranopia 1% of men
#c8c0ce Tritanopia 0.001% of the population

Trichromacy

#c4c0c7 Protanomaly 1% of men, 0.01% of women
#cdbdc7 Deuteranomaly 6% of men, 0.4% of women
#c6bfca Tritanomaly 0.01% of the population

#c4bec5 hex color

#c4bec5 Color Information

#c4bec5 Color Conversion

Color Schemes with #c4bec5

Alternatives to #c4bec5

#c4bec5 Preview

Shades and Tints of #c4bec5

Tones of #c4bec5

Color Blindness Simulator