#ccb1bc hex color

In a RGB color space, hex #ccb1bc is composed of 80% red, 69.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 7.8% yellow and 20% black. It has a hue angle of 335.6 degrees, a saturation of 20.9% and a lightness of 74.7%. #ccb1bc color hex could be obtained by blending #ffffff with #996379. Closest websafe color is: #cc99cc.

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

● #ccb1bc color description : Grayish pink.

The hexadecimal color #ccb1bc has RGB values of R:204, G:177, B:188 and CMYK values of C:0, M:0.13, Y:0.08, K:0.2. Its decimal value is 13414844.

Hex triplet	ccb1bc	`#ccb1bc`
RGB Decimal	204, 177, 188	`rgb(204,177,188)`
RGB Percent	80, 69.4, 73.7	`rgb(80%,69.4%,73.7%)`
CMYK	0, 13, 8, 20
HSL	335.6°, 20.9, 74.7	`hsl(335.6,20.9%,74.7%)`
HSV (or HSB)	335.6°, 13.2, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	74.77, 11.567, -2.009
XYZ	49.7, 47.913, 54.204
xyY	0.327, 0.316, 47.913
CIE-LCH	74.77, 11.74, 350.148
CIE-LUV	74.77, 15.251, -5.019
Hunter-Lab	69.219, 7.03, 2.025
Binary	11001100, 10110001, 10111100

#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#b1ccc1
```
#b1ccc1 rgb(177,204,193)
```

Complementary Color

#ccb1ca
```
#ccb1ca rgb(204,177,202)
```
#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#ccb4b1
```
#ccb4b1 rgb(204,180,177)
```

Analogous Color

#b1cacc
```
#b1cacc rgb(177,202,204)
```
#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#b1ccb4
```
#b1ccb4 rgb(177,204,180)
```

Split Complementary Color

#b1bccc
```
#b1bccc rgb(177,188,204)
```
#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#bcccb1
```
#bcccb1 rgb(188,204,177)
```

Triadic Color

#c1b1cc
```
#c1b1cc rgb(193,177,204)
```
#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#bcccb1
```
#bcccb1 rgb(188,204,177)
```
#b1ccc1
```
#b1ccc1 rgb(177,204,193)
```

Tetradic Color

#ae8394
```
#ae8394 rgb(174,131,148)
```
#b892a2
```
#b892a2 rgb(184,146,162)
```
#c2a2af
```
#c2a2af rgb(194,162,175)
```
#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#d6c0c9
```
#d6c0c9 rgb(214,192,201)
```
#e0d0d6
```
#e0d0d6 rgb(224,208,214)
```
#eadfe4
```
#eadfe4 rgb(234,223,228)
```

Monochromatic Color

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

#ccb1c3
```
#ccb1c3 rgb(204,177,195)
```
#ccb1c1
```
#ccb1c1 rgb(204,177,193)
```
#ccb1be
```
#ccb1be rgb(204,177,190)
```
#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#ccb1ba
```
#ccb1ba rgb(204,177,186)
```
#ccb1b8
```
#ccb1b8 rgb(204,177,184)
```
#ccb1b5
```
#ccb1b5 rgb(204,177,181)
```

Similar Colors

Text with hexadecimal color #ccb1bc

This text has a font color of #ccb1bc.

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

#ccb1bc background color

This paragraph has a background color of #ccb1bc.

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

#ccb1bc border color

This element has a border color of #ccb1bc.

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

CSS codes

.text {color:#ccb1bc;}

.background {background-color:#ccb1bc;}

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

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

#050304
```
#050304 rgb(5,3,4)
```
#110b0d
```
#110b0d rgb(17,11,13)
```
#1d1317
```
#1d1317 rgb(29,19,23)
```
#291b20
```
#291b20 rgb(41,27,32)
```
#34222a
```
#34222a rgb(52,34,42)
```
#402a33
```
#402a33 rgb(64,42,51)
```
#4c323d
```
#4c323d rgb(76,50,61)
```
#583a46
```
#583a46 rgb(88,58,70)
```
#64414f
```
#64414f rgb(100,65,79)
```
#704959
```
#704959 rgb(112,73,89)
```
#7c5162
```
#7c5162 rgb(124,81,98)
```
#87596c
```
#87596c rgb(135,89,108)
```
#936075
```
#936075 rgb(147,96,117)
```

Shade Color Variation

#9d6a7f
```
#9d6a7f rgb(157,106,127)
```
#a57689
```
#a57689 rgb(165,118,137)
```
#ad8293
```
#ad8293 rgb(173,130,147)
```
#b58d9d
```
#b58d9d rgb(181,141,157)
```
#bc99a8
```
#bc99a8 rgb(188,153,168)
```
#c4a5b2
```
#c4a5b2 rgb(196,165,178)
```
#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#d4bdc6
```
#d4bdc6 rgb(212,189,198)
```
#dcc9d0
```
#dcc9d0 rgb(220,201,208)
```
#e3d5db
```
#e3d5db rgb(227,213,219)
```
#ebe0e5
```
#ebe0e5 rgb(235,224,229)
```
#f3ecef
```
#f3ecef rgb(243,236,239)
```
#fbf8f9
```
#fbf8f9 rgb(251,248,249)
```

Tint Color Variation

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

#c2bbbe
```
#c2bbbe rgb(194,187,190)
```
#c7b6bd
```
#c7b6bd rgb(199,182,189)
```
#ccb1bc
```
#ccb1bc rgb(204,177,188)
```
#d1acbb
```
#d1acbb rgb(209,172,187)
```
#d6a7ba
```
#d6a7ba rgb(214,167,186)
```
#dba2b9
```
#dba2b9 rgb(219,162,185)
```
#e09db8
```
#e09db8 rgb(224,157,184)
```
#e598b7
```
#e598b7 rgb(229,152,183)
```
#ea93b6
```
#ea93b6 rgb(234,147,182)
```
#ef8eb6
```
#ef8eb6 rgb(239,142,182)
```
#f489b5
```
#f489b5 rgb(244,137,181)
```
#f984b4
```
#f984b4 rgb(249,132,180)
```
#fe7fb3
```
#fe7fb3 rgb(254,127,179)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#beb8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbac2 Protanopia 1% of men
#cbb6bf Deuteranopia 1% of men
#ceb4c1 Tritanopia 0.001% of the population

Trichromacy

#c2b7c0 Protanomaly 1% of men, 0.01% of women
#cbb4bd Deuteranomaly 6% of men, 0.4% of women
#cdb3bf Tritanomaly 0.01% of the population

#ccb1bc hex color

#ccb1bc Color Information

#ccb1bc Color Conversion

Color Schemes with #ccb1bc

Alternatives to #ccb1bc

#ccb1bc Preview

Shades and Tints of #ccb1bc

Tones of #ccb1bc

Color Blindness Simulator