#ccb4b2 hex color

In a RGB color space, hex #ccb4b2 is composed of 80% red, 70.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 12.7% yellow and 20% black. It has a hue angle of 4.6 degrees, a saturation of 20.3% and a lightness of 74.9%. #ccb4b2 color hex could be obtained by blending #ffffff with #996965. Closest websafe color is: #cccc99.

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

● #ccb4b2 color description : Grayish red.

The hexadecimal color #ccb4b2 has RGB values of R:204, G:180, B:178 and CMYK values of C:0, M:0.12, Y:0.13, K:0.2. Its decimal value is 13415602.

Hex triplet	ccb4b2	`#ccb4b2`
RGB Decimal	204, 180, 178	`rgb(204,180,178)`
RGB Percent	80, 70.6, 69.8	`rgb(80%,70.6%,69.8%)`
CMYK	0, 12, 13, 20
HSL	4.6°, 20.3, 74.9	`hsl(4.6,20.3%,74.9%)`
HSV (or HSB)	4.6°, 12.7, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.261, 8.253, 4.164
XYZ	49.258, 48.695, 48.921
xyY	0.335, 0.332, 48.695
CIE-LCH	75.261, 9.244, 26.775
CIE-LUV	75.261, 14.514, 4.611
Hunter-Lab	69.782, 3.882, 7.281
Binary	11001100, 10110100, 10110010

#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#b2cacc
```
#b2cacc rgb(178,202,204)
```

Complementary Color

#ccb2bd
```
#ccb2bd rgb(204,178,189)
```
#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#ccc1b2
```
#ccc1b2 rgb(204,193,178)
```

Analogous Color

#b2bdcc
```
#b2bdcc rgb(178,189,204)
```
#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#b2ccc1
```
#b2ccc1 rgb(178,204,193)
```

Split Complementary Color

#b4b2cc
```
#b4b2cc rgb(180,178,204)
```
#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#b2ccb4
```
#b2ccb4 rgb(178,204,180)
```

Triadic Color

#ccb2ca
```
#ccb2ca rgb(204,178,202)
```
#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#b2ccb4
```
#b2ccb4 rgb(178,204,180)
```
#b2cacc
```
#b2cacc rgb(178,202,204)
```

Tetradic Color

#ae8784
```
#ae8784 rgb(174,135,132)
```
#b89693
```
#b89693 rgb(184,150,147)
```
#c2a5a3
```
#c2a5a3 rgb(194,165,163)
```
#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#d6c3c1
```
#d6c3c1 rgb(214,195,193)
```
#e0d2d1
```
#e0d2d1 rgb(224,210,209)
```
#eae1e0
```
#eae1e0 rgb(234,225,224)
```

Monochromatic Color

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

#ccb2b7
```
#ccb2b7 rgb(204,178,183)
```
#ccb2b4
```
#ccb2b4 rgb(204,178,180)
```
#ccb2b2
```
#ccb2b2 rgb(204,178,178)
```
#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#ccb6b2
```
#ccb6b2 rgb(204,182,178)
```
#ccb8b2
```
#ccb8b2 rgb(204,184,178)
```
#ccbbb2
```
#ccbbb2 rgb(204,187,178)
```

Similar Colors

Text with hexadecimal color #ccb4b2

This text has a font color of #ccb4b2.

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

#ccb4b2 background color

This paragraph has a background color of #ccb4b2.

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

#ccb4b2 border color

This element has a border color of #ccb4b2.

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

CSS codes

.text {color:#ccb4b2;}

.background {background-color:#ccb4b2;}

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

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

#060404
```
#060404 rgb(6,4,4)
```
#110c0c
```
#110c0c rgb(17,12,12)
```
#1d1413
```
#1d1413 rgb(29,20,19)
```
#291c1b
```
#291c1b rgb(41,28,27)
```
#352423
```
#352423 rgb(53,36,35)
```
#412c2b
```
#412c2b rgb(65,44,43)
```
#4c3533
```
#4c3533 rgb(76,53,51)
```
#583d3a
```
#583d3a rgb(88,61,58)
```
#644542
```
#644542 rgb(100,69,66)
```
#704d4a
```
#704d4a rgb(112,77,74)
```
#7c5552
```
#7c5552 rgb(124,85,82)
```
#875d5a
```
#875d5a rgb(135,93,90)
```
#936561
```
#936561 rgb(147,101,97)
```

Shade Color Variation

#9d6f6b
```
#9d6f6b rgb(157,111,107)
```
#a57b77
```
#a57b77 rgb(165,123,119)
```
#ad8683
```
#ad8683 rgb(173,134,131)
```
#b5928f
```
#b5928f rgb(181,146,143)
```
#bc9d9a
```
#bc9d9a rgb(188,157,154)
```
#c4a9a6
```
#c4a9a6 rgb(196,169,166)
```
#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#d4bfbe
```
#d4bfbe rgb(212,191,190)
```
#dccbca
```
#dccbca rgb(220,203,202)
```
#e3d6d5
```
#e3d6d5 rgb(227,214,213)
```
#ebe2e1
```
#ebe2e1 rgb(235,226,225)
```
#f3eded
```
#f3eded rgb(243,237,237)
```
#fbf9f9
```
#fbf9f9 rgb(251,249,249)
```

Tint Color Variation

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

#c2bcbc
```
#c2bcbc rgb(194,188,188)
```
#c7b8b7
```
#c7b8b7 rgb(199,184,183)
```
#ccb4b2
```
#ccb4b2 rgb(204,180,178)
```
#d1b0ad
```
#d1b0ad rgb(209,176,173)
```
#d6aca8
```
#d6aca8 rgb(214,172,168)
```
#dba8a3
```
#dba8a3 rgb(219,168,163)
```
#e0a39e
```
#e0a39e rgb(224,163,158)
```
#e59f99
```
#e59f99 rgb(229,159,153)
```
#ea9b94
```
#ea9b94 rgb(234,155,148)
```
#ee9790
```
#ee9790 rgb(238,151,144)
```
#f3938b
```
#f3938b rgb(243,147,139)
```
#f88f86
```
#f88f86 rgb(248,143,134)
```
#fd8a81
```
#fd8a81 rgb(253,138,129)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bcb8 Protanopia 1% of men
#d0b7b6 Deuteranopia 1% of men
#d0b5c2 Tritanopia 0.001% of the population

Trichromacy

#c5b9b5 Protanomaly 1% of men, 0.01% of women
#cfb5b4 Deuteranomaly 6% of men, 0.4% of women
#ceb5bc Tritanomaly 0.01% of the population

#ccb4b2 hex color

#ccb4b2 Color Information

#ccb4b2 Color Conversion

Color Schemes with #ccb4b2

Alternatives to #ccb4b2

#ccb4b2 Preview

Shades and Tints of #ccb4b2

Tones of #ccb4b2

Color Blindness Simulator