#ccb0bc hex color

In a RGB color space, hex #ccb0bc is composed of 80% red, 69% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.7% magenta, 7.8% yellow and 20% black. It has a hue angle of 334.3 degrees, a saturation of 21.5% and a lightness of 74.5%. #ccb0bc color hex could be obtained by blending #ffffff with #996179. Closest websafe color is: #cc99cc.

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

● #ccb0bc color description : Grayish pink.

The hexadecimal color #ccb0bc has RGB values of R:204, G:176, B:188 and CMYK values of C:0, M:0.14, Y:0.08, K:0.2. Its decimal value is 13414588.

Hex triplet	ccb0bc	`#ccb0bc`
RGB Decimal	204, 176, 188	`rgb(204,176,188)`
RGB Percent	80, 69, 73.7	`rgb(80%,69%,73.7%)`
CMYK	0, 14, 8, 20
HSL	334.3°, 21.5, 74.5	`hsl(334.3,21.5%,74.5%)`
HSV (or HSB)	334.3°, 13.7, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	74.521, 12.109, -2.375
XYZ	49.503, 47.52, 54.139
xyY	0.327, 0.314, 47.52
CIE-LCH	74.521, 12.339, 348.905
CIE-LUV	74.521, 15.784, -5.657
Hunter-Lab	68.935, 7.548, 1.69
Binary	11001100, 10110000, 10111100

#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#b0ccc0
```
#b0ccc0 rgb(176,204,192)
```

Complementary Color

#ccb0ca
```
#ccb0ca rgb(204,176,202)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#ccb2b0
```
#ccb2b0 rgb(204,178,176)
```

Analogous Color

#b0cacc
```
#b0cacc rgb(176,202,204)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#b0ccb2
```
#b0ccb2 rgb(176,204,178)
```

Split Complementary Color

#b0bccc
```
#b0bccc rgb(176,188,204)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#bcccb0
```
#bcccb0 rgb(188,204,176)
```

Triadic Color

#c0b0cc
```
#c0b0cc rgb(192,176,204)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#bcccb0
```
#bcccb0 rgb(188,204,176)
```
#b0ccc0
```
#b0ccc0 rgb(176,204,192)
```

Tetradic Color

#ae8295
```
#ae8295 rgb(174,130,149)
```
#b891a2
```
#b891a2 rgb(184,145,162)
```
#c2a1af
```
#c2a1af rgb(194,161,175)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#d6bfc9
```
#d6bfc9 rgb(214,191,201)
```
#e0cfd6
```
#e0cfd6 rgb(224,207,214)
```
#eadee3
```
#eadee3 rgb(234,222,227)
```

Monochromatic Color

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

#ccb0c3
```
#ccb0c3 rgb(204,176,195)
```
#ccb0c1
```
#ccb0c1 rgb(204,176,193)
```
#ccb0be
```
#ccb0be rgb(204,176,190)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#ccb0ba
```
#ccb0ba rgb(204,176,186)
```
#ccb0b7
```
#ccb0b7 rgb(204,176,183)
```
#ccb0b5
```
#ccb0b5 rgb(204,176,181)
```

Similar Colors

Text with hexadecimal color #ccb0bc

This text has a font color of #ccb0bc.

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

#ccb0bc background color

This paragraph has a background color of #ccb0bc.

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

#ccb0bc border color

This element has a border color of #ccb0bc.

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

CSS codes

.text {color:#ccb0bc;}

.background {background-color:#ccb0bc;}

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

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

#040304
```
#040304 rgb(4,3,4)
```
#100b0d
```
#100b0d rgb(16,11,13)
```
#1c1217
```
#1c1217 rgb(28,18,23)
```
#281a20
```
#281a20 rgb(40,26,32)
```
#34222a
```
#34222a rgb(52,34,42)
```
#402933
```
#402933 rgb(64,41,51)
```
#4c313d
```
#4c313d rgb(76,49,61)
```
#583946
```
#583946 rgb(88,57,70)
```
#644050
```
#644050 rgb(100,64,80)
```
#704859
```
#704859 rgb(112,72,89)
```
#7c5063
```
#7c5063 rgb(124,80,99)
```
#88586c
```
#88586c rgb(136,88,108)
```
#935f76
```
#935f76 rgb(147,95,118)
```

Shade Color Variation

#9e687f
```
#9e687f rgb(158,104,127)
```
#a67489
```
#a67489 rgb(166,116,137)
```
#ad8094
```
#ad8094 rgb(173,128,148)
```
#b58c9e
```
#b58c9e rgb(181,140,158)
```
#bd98a8
```
#bd98a8 rgb(189,152,168)
```
#c4a4b2
```
#c4a4b2 rgb(196,164,178)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#d4bcc6
```
#d4bcc6 rgb(212,188,198)
```
#dbc8d0
```
#dbc8d0 rgb(219,200,208)
```
#e3d4da
```
#e3d4da rgb(227,212,218)
```
#ebe0e4
```
#ebe0e4 rgb(235,224,228)
```
#f2ecef
```
#f2ecef rgb(242,236,239)
```
#faf8f9
```
#faf8f9 rgb(250,248,249)
```

Tint Color Variation

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

#c2babd
```
#c2babd rgb(194,186,189)
```
#c7b5bd
```
#c7b5bd rgb(199,181,189)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#d1abbb
```
#d1abbb rgb(209,171,187)
```
#d6a6bb
```
#d6a6bb rgb(214,166,187)
```
#dba1ba
```
#dba1ba rgb(219,161,186)
```
#e09cb9
```
#e09cb9 rgb(224,156,185)
```
#e597b8
```
#e597b8 rgb(229,151,184)
```
#ea92b8
```
#ea92b8 rgb(234,146,184)
```
#ef8db7
```
#ef8db7 rgb(239,141,183)
```
#f488b6
```
#f488b6 rgb(244,136,182)
```
#f983b6
```
#f983b6 rgb(249,131,182)
```
#fe7eb5
```
#fe7eb5 rgb(254,126,181)
```

Tone Color Variation

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

#bbb9c2 Protanopia 1% of men
#cab5bf Deuteranopia 1% of men
#ceb3c0 Tritanopia 0.001% of the population

Trichromacy

#c1b6c0 Protanomaly 1% of men, 0.01% of women
#cab3bd Deuteranomaly 6% of men, 0.4% of women
#cdb2be Tritanomaly 0.01% of the population

#ccb0bc hex color

#ccb0bc Color Information

#ccb0bc Color Conversion

Color Schemes with #ccb0bc

Alternatives to #ccb0bc

#ccb0bc Preview

Shades and Tints of #ccb0bc

Tones of #ccb0bc

Color Blindness Simulator