#ccb3bd hex color

In a RGB color space, hex #ccb3bd is composed of 80% red, 70.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 7.4% yellow and 20% black. It has a hue angle of 336 degrees, a saturation of 19.7% and a lightness of 75.1%. #ccb3bd color hex could be obtained by blending #ffffff with #99677b. Closest websafe color is: #cccccc.

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

● #ccb3bd color description : Grayish pink.

The hexadecimal color #ccb3bd has RGB values of R:204, G:179, B:189 and CMYK values of C:0, M:0.12, Y:0.07, K:0.2. Its decimal value is 13415357.

Hex triplet	ccb3bd	`#ccb3bd`
RGB Decimal	204, 179, 189	`rgb(204,179,189)`
RGB Percent	80, 70.2, 74.1	`rgb(80%,70.2%,74.1%)`
CMYK	0, 12, 7, 20
HSL	336°, 19.7, 75.1	`hsl(336,19.7%,75.1%)`
HSV (or HSB)	336°, 12.3, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.297, 10.659, -1.782
XYZ	50.206, 48.752, 54.907
xyY	0.326, 0.317, 48.752
CIE-LCH	75.297, 10.807, 350.507
CIE-LUV	75.297, 14.095, -4.525
Hunter-Lab	69.823, 6.16, 2.252
Binary	11001100, 10110011, 10111101

#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#b3ccc2
```
#b3ccc2 rgb(179,204,194)
```

Complementary Color

#ccb3ca
```
#ccb3ca rgb(204,179,202)
```
#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#ccb6b3
```
#ccb6b3 rgb(204,182,179)
```

Analogous Color

#b3cacc
```
#b3cacc rgb(179,202,204)
```
#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#b3ccb6
```
#b3ccb6 rgb(179,204,182)
```

Split Complementary Color

#b3bdcc
```
#b3bdcc rgb(179,189,204)
```
#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#bdccb3
```
#bdccb3 rgb(189,204,179)
```

Triadic Color

#c2b3cc
```
#c2b3cc rgb(194,179,204)
```
#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#bdccb3
```
#bdccb3 rgb(189,204,179)
```
#b3ccc2
```
#b3ccc2 rgb(179,204,194)
```

Tetradic Color

#ad8595
```
#ad8595 rgb(173,133,149)
```
#b894a2
```
#b894a2 rgb(184,148,162)
```
#c2a4b0
```
#c2a4b0 rgb(194,164,176)
```
#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#d6c2ca
```
#d6c2ca rgb(214,194,202)
```
#e0d2d8
```
#e0d2d8 rgb(224,210,216)
```
#ebe1e5
```
#ebe1e5 rgb(235,225,229)
```

Monochromatic Color

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

#ccb3c3
```
#ccb3c3 rgb(204,179,195)
```
#ccb3c1
```
#ccb3c1 rgb(204,179,193)
```
#ccb3bf
```
#ccb3bf rgb(204,179,191)
```
#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#ccb3bb
```
#ccb3bb rgb(204,179,187)
```
#ccb3b9
```
#ccb3b9 rgb(204,179,185)
```
#ccb3b7
```
#ccb3b7 rgb(204,179,183)
```

Similar Colors

Text with hexadecimal color #ccb3bd

This text has a font color of #ccb3bd.

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

#ccb3bd background color

This paragraph has a background color of #ccb3bd.

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

#ccb3bd border color

This element has a border color of #ccb3bd.

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

CSS codes

.text {color:#ccb3bd;}

.background {background-color:#ccb3bd;}

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

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

#060405
```
#060405 rgb(6,4,5)
```
#120c0e
```
#120c0e rgb(18,12,14)
```
#1e1418
```
#1e1418 rgb(30,20,24)
```
#291c21
```
#291c21 rgb(41,28,33)
```
#35242b
```
#35242b rgb(53,36,43)
```
#412c34
```
#412c34 rgb(65,44,52)
```
#4d333d
```
#4d333d rgb(77,51,61)
```
#583b47
```
#583b47 rgb(88,59,71)
```
#644350
```
#644350 rgb(100,67,80)
```
#704b5a
```
#704b5a rgb(112,75,90)
```
#7c5363
```
#7c5363 rgb(124,83,99)
```
#875b6d
```
#875b6d rgb(135,91,109)
```
#936376
```
#936376 rgb(147,99,118)
```

Shade Color Variation

#9d6d80
```
#9d6d80 rgb(157,109,128)
```
#a5788a
```
#a5788a rgb(165,120,138)
```
#ac8494
```
#ac8494 rgb(172,132,148)
```
#b4909e
```
#b4909e rgb(180,144,158)
```
#bc9ca9
```
#bc9ca9 rgb(188,156,169)
```
#c4a7b3
```
#c4a7b3 rgb(196,167,179)
```
#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#d4bfc7
```
#d4bfc7 rgb(212,191,199)
```
#dccad1
```
#dccad1 rgb(220,202,209)
```
#e4d6dc
```
#e4d6dc rgb(228,214,220)
```
#ece2e6
```
#ece2e6 rgb(236,226,230)
```
#f3eef0
```
#f3eef0 rgb(243,238,240)
```
#fbf9fa
```
#fbf9fa rgb(251,249,250)
```

Tint Color Variation

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

#c2bdbf
```
#c2bdbf rgb(194,189,191)
```
#c7b8be
```
#c7b8be rgb(199,184,190)
```
#ccb3bd
```
#ccb3bd rgb(204,179,189)
```
#d1aebc
```
#d1aebc rgb(209,174,188)
```
#d6a9bb
```
#d6a9bb rgb(214,169,187)
```
#dba4ba
```
#dba4ba rgb(219,164,186)
```
#e09fb9
```
#e09fb9 rgb(224,159,185)
```
#e49bb8
```
#e49bb8 rgb(228,155,184)
```
#e996b7
```
#e996b7 rgb(233,150,183)
```
#ee91b6
```
#ee91b6 rgb(238,145,182)
```
#f38cb5
```
#f38cb5 rgb(243,140,181)
```
#f887b4
```
#f887b4 rgb(248,135,180)
```
#fd82b3
```
#fd82b3 rgb(253,130,179)
```

Tone Color Variation

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

#bebcc3 Protanopia 1% of men
#ccb7c0 Deuteranopia 1% of men
#cfb6c3 Tritanopia 0.001% of the population

Trichromacy

#c3b8c0 Protanomaly 1% of men, 0.01% of women
#ccb5bf Deuteranomaly 6% of men, 0.4% of women
#cdb5c1 Tritanomaly 0.01% of the population

#ccb3bd hex color

#ccb3bd Color Information

#ccb3bd Color Conversion

Color Schemes with #ccb3bd

Alternatives to #ccb3bd

#ccb3bd Preview

Shades and Tints of #ccb3bd

Tones of #ccb3bd

Color Blindness Simulator