#ccb0bb hex color

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

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

● #ccb0bb color description : Grayish pink.

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

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

CIE-LAB	74.494, 11.935, -1.868
XYZ	49.396, 47.477, 53.573
xyY	0.328, 0.316, 47.477
CIE-LCH	74.494, 12.081, 351.106
CIE-LUV	74.494, 15.878, -4.872
Hunter-Lab	68.903, 7.383, 2.134
Binary	11001100, 10110000, 10111011

#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#b0ccc1
```
#b0ccc1 rgb(176,204,193)
```

Complementary Color

#ccb0c9
```
#ccb0c9 rgb(204,176,201)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#ccb3b0
```
#ccb3b0 rgb(204,179,176)
```

Analogous Color

#b0c9cc
```
#b0c9cc rgb(176,201,204)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#b0ccb3
```
#b0ccb3 rgb(176,204,179)
```

Split Complementary Color

#b0bbcc
```
#b0bbcc rgb(176,187,204)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#bbccb0
```
#bbccb0 rgb(187,204,176)
```

Triadic Color

#c1b0cc
```
#c1b0cc rgb(193,176,204)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#bbccb0
```
#bbccb0 rgb(187,204,176)
```
#b0ccc1
```
#b0ccc1 rgb(176,204,193)
```

Tetradic Color

#ae8293
```
#ae8293 rgb(174,130,147)
```
#b891a0
```
#b891a0 rgb(184,145,160)
```
#c2a1ae
```
#c2a1ae rgb(194,161,174)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#d6bfc8
```
#d6bfc8 rgb(214,191,200)
```
#e0cfd6
```
#e0cfd6 rgb(224,207,214)
```
#eadee3
```
#eadee3 rgb(234,222,227)
```

Monochromatic Color

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

#ccb0c2
```
#ccb0c2 rgb(204,176,194)
```
#ccb0c0
```
#ccb0c0 rgb(204,176,192)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#ccb0b9
```
#ccb0b9 rgb(204,176,185)
```
#ccb0b6
```
#ccb0b6 rgb(204,176,182)
```
#ccb0b4
```
#ccb0b4 rgb(204,176,180)
```

Similar Colors

Text with hexadecimal color #ccb0bb

This text has a font color of #ccb0bb.

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

#ccb0bb background color

This paragraph has a background color of #ccb0bb.

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

#ccb0bb border color

This element has a border color of #ccb0bb.

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

CSS codes

.text {color:#ccb0bb;}

.background {background-color:#ccb0bb;}

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

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

#040303
```
#040303 rgb(4,3,3)
```
#100b0d
```
#100b0d rgb(16,11,13)
```
#1c1216
```
#1c1216 rgb(28,18,22)
```
#281a20
```
#281a20 rgb(40,26,32)
```
#342229
```
#342229 rgb(52,34,41)
```
#402932
```
#402932 rgb(64,41,50)
```
#4c313c
```
#4c313c rgb(76,49,60)
```
#583945
```
#583945 rgb(88,57,69)
```
#64404e
```
#64404e rgb(100,64,78)
```
#704858
```
#704858 rgb(112,72,88)
```
#7c5061
```
#7c5061 rgb(124,80,97)
```
#88586a
```
#88586a rgb(136,88,106)
```
#935f74
```
#935f74 rgb(147,95,116)
```

Shade Color Variation

#9e687d
```
#9e687d rgb(158,104,125)
```
#a67488
```
#a67488 rgb(166,116,136)
```
#ad8092
```
#ad8092 rgb(173,128,146)
```
#b58c9c
```
#b58c9c rgb(181,140,156)
```
#bd98a6
```
#bd98a6 rgb(189,152,166)
```
#c4a4b1
```
#c4a4b1 rgb(196,164,177)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#d4bcc5
```
#d4bcc5 rgb(212,188,197)
```
#dbc8d0
```
#dbc8d0 rgb(219,200,208)
```
#e3d4da
```
#e3d4da rgb(227,212,218)
```
#ebe0e4
```
#ebe0e4 rgb(235,224,228)
```
#f2ecee
```
#f2ecee rgb(242,236,238)
```
#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 #fe7eb0 is the most saturated one.

#c2babd
```
#c2babd rgb(194,186,189)
```
#c7b5bc
```
#c7b5bc rgb(199,181,188)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#d1abba
```
#d1abba rgb(209,171,186)
```
#d6a6b9
```
#d6a6b9 rgb(214,166,185)
```
#dba1b8
```
#dba1b8 rgb(219,161,184)
```
#e09cb7
```
#e09cb7 rgb(224,156,183)
```
#e597b6
```
#e597b6 rgb(229,151,182)
```
#ea92b5
```
#ea92b5 rgb(234,146,181)
```
#ef8db4
```
#ef8db4 rgb(239,141,180)
```
#f488b2
```
#f488b2 rgb(244,136,178)
```
#f983b1
```
#f983b1 rgb(249,131,177)
```
#fe7eb0
```
#fe7eb0 rgb(254,126,176)
```

Tone Color Variation

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

#bcb9c1 Protanopia 1% of men
#cab5be Deuteranopia 1% of men
#ceb3c0 Tritanopia 0.001% of the population

Trichromacy

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

#ccb0bb hex color

#ccb0bb Color Information

#ccb0bb Color Conversion

Color Schemes with #ccb0bb

Alternatives to #ccb0bb

#ccb0bb Preview

Shades and Tints of #ccb0bb

Tones of #ccb0bb

Color Blindness Simulator