#ccb0bd hex color

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

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

● #ccb0bd color description : Grayish pink.

The hexadecimal color #ccb0bd has RGB values of R:204, G:176, B:189 and CMYK values of C:0, M:0.14, Y:0.07, K:0.2. Its decimal value is 13414589.

Hex triplet	ccb0bd	`#ccb0bd`
RGB Decimal	204, 176, 189	`rgb(204,176,189)`
RGB Percent	80, 69, 74.1	`rgb(80%,69%,74.1%)`
CMYK	0, 14, 7, 20
HSL	332.1°, 21.5, 74.5	`hsl(332.1,21.5%,74.5%)`
HSV (or HSB)	332.1°, 13.7, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	74.548, 12.283, -2.881
XYZ	49.611, 47.563, 54.708
xyY	0.327, 0.313, 47.563
CIE-LCH	74.548, 12.617, 346.799
CIE-LUV	74.548, 15.691, -6.445
Hunter-Lab	68.966, 7.715, 1.243
Binary	11001100, 10110000, 10111101

#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#b0ccbf
```
#b0ccbf rgb(176,204,191)
```

Complementary Color

#ccb0cb
```
#ccb0cb rgb(204,176,203)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#ccb1b0
```
#ccb1b0 rgb(204,177,176)
```

Analogous Color

#b0cbcc
```
#b0cbcc rgb(176,203,204)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#b0ccb1
```
#b0ccb1 rgb(176,204,177)
```

Split Complementary Color

#b0bdcc
```
#b0bdcc rgb(176,189,204)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#bdccb0
```
#bdccb0 rgb(189,204,176)
```

Triadic Color

#bfb0cc
```
#bfb0cc rgb(191,176,204)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#bdccb0
```
#bdccb0 rgb(189,204,176)
```
#b0ccbf
```
#b0ccbf rgb(176,204,191)
```

Tetradic Color

#ae8296
```
#ae8296 rgb(174,130,150)
```
#b891a3
```
#b891a3 rgb(184,145,163)
```
#c2a1b0
```
#c2a1b0 rgb(194,161,176)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#d6bfca
```
#d6bfca rgb(214,191,202)
```
#e0cfd7
```
#e0cfd7 rgb(224,207,215)
```
#eadee4
```
#eadee4 rgb(234,222,228)
```

Monochromatic Color

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

#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#ccb0c2
```
#ccb0c2 rgb(204,176,194)
```
#ccb0bf
```
#ccb0bf rgb(204,176,191)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#ccb0bb
```
#ccb0bb rgb(204,176,187)
```
#ccb0b8
```
#ccb0b8 rgb(204,176,184)
```
#ccb0b6
```
#ccb0b6 rgb(204,176,182)
```

Similar Colors

Text with hexadecimal color #ccb0bd

This text has a font color of #ccb0bd.

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

#ccb0bd background color

This paragraph has a background color of #ccb0bd.

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

#ccb0bd border color

This element has a border color of #ccb0bd.

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

CSS codes

.text {color:#ccb0bd;}

.background {background-color:#ccb0bd;}

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

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)
```
#281a21
```
#281a21 rgb(40,26,33)
```
#34222a
```
#34222a rgb(52,34,42)
```
#402934
```
#402934 rgb(64,41,52)
```
#4c313e
```
#4c313e rgb(76,49,62)
```
#583947
```
#583947 rgb(88,57,71)
```
#644051
```
#644051 rgb(100,64,81)
```
#70485b
```
#70485b rgb(112,72,91)
```
#7c5064
```
#7c5064 rgb(124,80,100)
```
#88586e
```
#88586e rgb(136,88,110)
```
#935f77
```
#935f77 rgb(147,95,119)
```

Shade Color Variation

#9e6881
```
#9e6881 rgb(158,104,129)
```
#a6748b
```
#a6748b rgb(166,116,139)
```
#ad8095
```
#ad8095 rgb(173,128,149)
```
#b58c9f
```
#b58c9f rgb(181,140,159)
```
#bd98a9
```
#bd98a9 rgb(189,152,169)
```
#c4a4b3
```
#c4a4b3 rgb(196,164,179)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#d4bcc7
```
#d4bcc7 rgb(212,188,199)
```
#dbc8d1
```
#dbc8d1 rgb(219,200,209)
```
#e3d4db
```
#e3d4db rgb(227,212,219)
```
#ebe0e5
```
#ebe0e5 rgb(235,224,229)
```
#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, #c2babe is the less saturated color, while #fe7eb9 is the most saturated one.

#c2babe
```
#c2babe rgb(194,186,190)
```
#c7b5bd
```
#c7b5bd rgb(199,181,189)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```
#d1abbd
```
#d1abbd rgb(209,171,189)
```
#d6a6bc
```
#d6a6bc rgb(214,166,188)
```
#dba1bc
```
#dba1bc rgb(219,161,188)
```
#e09cbc
```
#e09cbc rgb(224,156,188)
```
#e597bb
```
#e597bb rgb(229,151,187)
```
#ea92bb
```
#ea92bb rgb(234,146,187)
```
#ef8dbb
```
#ef8dbb rgb(239,141,187)
```
#f488ba
```
#f488ba rgb(244,136,186)
```
#f983ba
```
#f983ba rgb(249,131,186)
```
#fe7eb9
```
#fe7eb9 rgb(254,126,185)
```

Tone Color Variation

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

Dichromacy

#bbbac3 Protanopia 1% of men
#cab5bf Deuteranopia 1% of men
#ceb4c0 Tritanopia 0.001% of the population

Trichromacy

#c1b6c1 Protanomaly 1% of men, 0.01% of women
#cab3be Deuteranomaly 6% of men, 0.4% of women
#cdb2bf Tritanomaly 0.01% of the population

#ccb0bd hex color

#ccb0bd Color Information

#ccb0bd Color Conversion

Color Schemes with #ccb0bd

Alternatives to #ccb0bd

#ccb0bd Preview

Shades and Tints of #ccb0bd

Tones of #ccb0bd

Color Blindness Simulator