#ccb0c4 hex color

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

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

● #ccb0c4 color description : Grayish pink.

The hexadecimal color #ccb0c4 has RGB values of R:204, G:176, B:196 and CMYK values of C:0, M:0.14, Y:0.04, K:0.2. Its decimal value is 13414596.

Hex triplet	ccb0c4	`#ccb0c4`
RGB Decimal	204, 176, 196	`rgb(204,176,196)`
RGB Percent	80, 69, 76.9	`rgb(80%,69%,76.9%)`
CMYK	0, 14, 4, 20
HSL	317.1°, 21.5, 74.5	`hsl(317.1,21.5%,74.5%)`
HSV (or HSB)	317.1°, 13.7, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	74.746, 13.528, -6.417
XYZ	50.39, 47.874, 58.808
xyY	0.321, 0.305, 47.874
CIE-LCH	74.746, 14.973, 334.622
CIE-LUV	74.746, 15.028, -12.006
Hunter-Lab	69.191, 8.91, -1.958
Binary	11001100, 10110000, 11000100

#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#b0ccb8
```
#b0ccb8 rgb(176,204,184)
```

Complementary Color

#c6b0cc
```
#c6b0cc rgb(198,176,204)
```
#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#ccb0b6
```
#ccb0b6 rgb(204,176,182)
```

Analogous Color

#b0ccc6
```
#b0ccc6 rgb(176,204,198)
```
#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#b6ccb0
```
#b6ccb0 rgb(182,204,176)
```

Split Complementary Color

#b0c4cc
```
#b0c4cc rgb(176,196,204)
```
#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#c4ccb0
```
#c4ccb0 rgb(196,204,176)
```

Triadic Color

#b8b0cc
```
#b8b0cc rgb(184,176,204)
```
#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#c4ccb0
```
#c4ccb0 rgb(196,204,176)
```
#b0ccb8
```
#b0ccb8 rgb(176,204,184)
```

Tetradic Color

#ae82a1
```
#ae82a1 rgb(174,130,161)
```
#b891ad
```
#b891ad rgb(184,145,173)
```
#c2a1b8
```
#c2a1b8 rgb(194,161,184)
```
#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#d6bfd0
```
#d6bfd0 rgb(214,191,208)
```
#e0cfdb
```
#e0cfdb rgb(224,207,219)
```
#eadee7
```
#eadee7 rgb(234,222,231)
```

Monochromatic Color

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

#ccb0cb
```
#ccb0cb rgb(204,176,203)
```
#ccb0c9
```
#ccb0c9 rgb(204,176,201)
```
#ccb0c6
```
#ccb0c6 rgb(204,176,198)
```
#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#ccb0c2
```
#ccb0c2 rgb(204,176,194)
```
#ccb0bf
```
#ccb0bf rgb(204,176,191)
```
#ccb0bd
```
#ccb0bd rgb(204,176,189)
```

Similar Colors

Text with hexadecimal color #ccb0c4

This text has a font color of #ccb0c4.

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

#ccb0c4 background color

This paragraph has a background color of #ccb0c4.

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

#ccb0c4 border color

This element has a border color of #ccb0c4.

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

CSS codes

.text {color:#ccb0c4;}

.background {background-color:#ccb0c4;}

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

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)
```
#100b0f
```
#100b0f rgb(16,11,15)
```
#1c1219
```
#1c1219 rgb(28,18,25)
```
#281a24
```
#281a24 rgb(40,26,36)
```
#34222f
```
#34222f rgb(52,34,47)
```
#40293a
```
#40293a rgb(64,41,58)
```
#4c3144
```
#4c3144 rgb(76,49,68)
```
#58394f
```
#58394f rgb(88,57,79)
```
#64405a
```
#64405a rgb(100,64,90)
```
#704864
```
#704864 rgb(112,72,100)
```
#7c506f
```
#7c506f rgb(124,80,111)
```
#88587a
```
#88587a rgb(136,88,122)
```
#935f85
```
#935f85 rgb(147,95,133)
```

Shade Color Variation

#9e688f
```
#9e688f rgb(158,104,143)
```
#a67497
```
#a67497 rgb(166,116,151)
```
#ad80a0
```
#ad80a0 rgb(173,128,160)
```
#b58ca9
```
#b58ca9 rgb(181,140,169)
```
#bd98b2
```
#bd98b2 rgb(189,152,178)
```
#c4a4bb
```
#c4a4bb rgb(196,164,187)
```
#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#d4bccd
```
#d4bccd rgb(212,188,205)
```
#dbc8d6
```
#dbc8d6 rgb(219,200,214)
```
#e3d4df
```
#e3d4df rgb(227,212,223)
```
#ebe0e8
```
#ebe0e8 rgb(235,224,232)
```
#f2ecf1
```
#f2ecf1 rgb(242,236,241)
```
#faf8f9
```
#faf8f9 rgb(250,248,249)
```

Tint Color Variation

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

#c2bac0
```
#c2bac0 rgb(194,186,192)
```
#c7b5c2
```
#c7b5c2 rgb(199,181,194)
```
#ccb0c4
```
#ccb0c4 rgb(204,176,196)
```
#d1abc6
```
#d1abc6 rgb(209,171,198)
```
#d6a6c8
```
#d6a6c8 rgb(214,166,200)
```
#dba1ca
```
#dba1ca rgb(219,161,202)
```
#e09ccd
```
#e09ccd rgb(224,156,205)
```
#e597cf
```
#e597cf rgb(229,151,207)
```
#ea92d1
```
#ea92d1 rgb(234,146,209)
```
#ef8dd3
```
#ef8dd3 rgb(239,141,211)
```
#f488d5
```
#f488d5 rgb(244,136,213)
```
#f983d7
```
#f983d7 rgb(249,131,215)
```
#fe7ed9
```
#fe7ed9 rgb(254,126,217)
```

Tone Color Variation

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

Dichromacy

#babaca Protanopia 1% of men
#c7b6c6 Deuteranopia 1% of men
#cdb5c1 Tritanopia 0.001% of the population

Trichromacy

#c0b6c8 Protanomaly 1% of men, 0.01% of women
#c9b4c5 Deuteranomaly 6% of men, 0.4% of women
#cdb3c2 Tritanomaly 0.01% of the population

#ccb0c4 hex color

#ccb0c4 Color Information

#ccb0c4 Color Conversion

Color Schemes with #ccb0c4

Alternatives to #ccb0c4

#ccb0c4 Preview

Shades and Tints of #ccb0c4

Tones of #ccb0c4

Color Blindness Simulator