#ccb4bc hex color

In a RGB color space, hex #ccb4bc is composed of 80% red, 70.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 7.8% yellow and 20% black. It has a hue angle of 340 degrees, a saturation of 19% and a lightness of 75.3%. #ccb4bc color hex could be obtained by blending #ffffff with #996979. Closest websafe color is: #cccccc.

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

● #ccb4bc color description : Grayish pink.

The hexadecimal color #ccb4bc has RGB values of R:204, G:180, B:188 and CMYK values of C:0, M:0.12, Y:0.08, K:0.2. Its decimal value is 13415612.

Hex triplet	ccb4bc	`#ccb4bc`
RGB Decimal	204, 180, 188	`rgb(204,180,188)`
RGB Percent	80, 70.6, 73.7	`rgb(80%,70.6%,73.7%)`
CMYK	0, 12, 8, 20
HSL	340°, 19, 75.3	`hsl(340,19%,75.3%)`
HSV (or HSB)	340°, 11.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.521, 9.945, -0.909
XYZ	50.299, 49.111, 54.404
xyY	0.327, 0.319, 49.111
CIE-LCH	75.521, 9.986, 354.775
CIE-LUV	75.521, 13.651, -3.102
Hunter-Lab	70.08, 5.477, 3.028
Binary	11001100, 10110100, 10111100

#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#b4ccc4
```
#b4ccc4 rgb(180,204,196)
```

Complementary Color

#ccb4c8
```
#ccb4c8 rgb(204,180,200)
```
#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#ccb8b4
```
#ccb8b4 rgb(204,184,180)
```

Analogous Color

#b4c8cc
```
#b4c8cc rgb(180,200,204)
```
#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#b4ccb8
```
#b4ccb8 rgb(180,204,184)
```

Split Complementary Color

#b4bccc
```
#b4bccc rgb(180,188,204)
```
#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#bcccb4
```
#bcccb4 rgb(188,204,180)
```

Triadic Color

#c4b4cc
```
#c4b4cc rgb(196,180,204)
```
#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#bcccb4
```
#bcccb4 rgb(188,204,180)
```
#b4ccc4
```
#b4ccc4 rgb(180,204,196)
```

Tetradic Color

#ad8693
```
#ad8693 rgb(173,134,147)
```
#b796a1
```
#b796a1 rgb(183,150,161)
```
#c2a5ae
```
#c2a5ae rgb(194,165,174)
```
#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#d6c3ca
```
#d6c3ca rgb(214,195,202)
```
#e1d2d7
```
#e1d2d7 rgb(225,210,215)
```
#ebe2e5
```
#ebe2e5 rgb(235,226,229)
```

Monochromatic Color

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

#ccb4c2
```
#ccb4c2 rgb(204,180,194)
```
#ccb4c0
```
#ccb4c0 rgb(204,180,192)
```
#ccb4be
```
#ccb4be rgb(204,180,190)
```
#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#ccb4ba
```
#ccb4ba rgb(204,180,186)
```
#ccb4b8
```
#ccb4b8 rgb(204,180,184)
```
#ccb4b6
```
#ccb4b6 rgb(204,180,182)
```

Similar Colors

Text with hexadecimal color #ccb4bc

This text has a font color of #ccb4bc.

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

#ccb4bc background color

This paragraph has a background color of #ccb4bc.

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

#ccb4bc border color

This element has a border color of #ccb4bc.

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

CSS codes

.text {color:#ccb4bc;}

.background {background-color:#ccb4bc;}

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

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

#070505
```
#070505 rgb(7,5,5)
```
#120d0e
```
#120d0e rgb(18,13,14)
```
#1e1418
```
#1e1418 rgb(30,20,24)
```
#2a1c21
```
#2a1c21 rgb(42,28,33)
```
#35242a
```
#35242a rgb(53,36,42)
```
#412c33
```
#412c33 rgb(65,44,51)
```
#4d343c
```
#4d343c rgb(77,52,60)
```
#583c46
```
#583c46 rgb(88,60,70)
```
#64444f
```
#64444f rgb(100,68,79)
```
#704c58
```
#704c58 rgb(112,76,88)
```
#7b5461
```
#7b5461 rgb(123,84,97)
```
#875c6a
```
#875c6a rgb(135,92,106)
```
#936474
```
#936474 rgb(147,100,116)
```

Shade Color Variation

#9c6e7d
```
#9c6e7d rgb(156,110,125)
```
#a47a88
```
#a47a88 rgb(164,122,136)
```
#ac8592
```
#ac8592 rgb(172,133,146)
```
#b4919d
```
#b4919d rgb(180,145,157)
```
#bc9da7
```
#bc9da7 rgb(188,157,167)
```
#c4a8b2
```
#c4a8b2 rgb(196,168,178)
```
#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#d4c0c6
```
#d4c0c6 rgb(212,192,198)
```
#dccbd1
```
#dccbd1 rgb(220,203,209)
```
#e4d7db
```
#e4d7db rgb(228,215,219)
```
#ece3e6
```
#ece3e6 rgb(236,227,230)
```
#f4eef0
```
#f4eef0 rgb(244,238,240)
```
#fcfafb
```
#fcfafb rgb(252,250,251)
```

Tint Color Variation

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

#c2bebf
```
#c2bebf rgb(194,190,191)
```
#c7b9be
```
#c7b9be rgb(199,185,190)
```
#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#d1afba
```
#d1afba rgb(209,175,186)
```
#d6aab9
```
#d6aab9 rgb(214,170,185)
```
#dba5b7
```
#dba5b7 rgb(219,165,183)
```
#dfa1b6
```
#dfa1b6 rgb(223,161,182)
```
#e49cb4
```
#e49cb4 rgb(228,156,180)
```
#e997b2
```
#e997b2 rgb(233,151,178)
```
#ee92b1
```
#ee92b1 rgb(238,146,177)
```
#f38daf
```
#f38daf rgb(243,141,175)
```
#f888ad
```
#f888ad rgb(248,136,173)
```
#fc84ac
```
#fc84ac rgb(252,132,172)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfbabc Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbcc2 Protanopia 1% of men
#ceb8bf Deuteranopia 1% of men
#cfb7c4 Tritanopia 0.001% of the population

Trichromacy

#c3b9bf Protanomaly 1% of men, 0.01% of women
#cdb6be Deuteranomaly 6% of men, 0.4% of women
#ceb6c1 Tritanomaly 0.01% of the population

#ccb4bc hex color

#ccb4bc Color Information

#ccb4bc Color Conversion

Color Schemes with #ccb4bc

Alternatives to #ccb4bc

#ccb4bc Preview

Shades and Tints of #ccb4bc

Tones of #ccb4bc

Color Blindness Simulator