#ccc9bd hex color

In a RGB color space, hex #ccc9bd is composed of 80% red, 78.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.5% magenta, 7.4% yellow and 20% black. It has a hue angle of 48 degrees, a saturation of 12.8% and a lightness of 77.1%. #ccc9bd color hex could be obtained by blending #ffffff with #99937b. Closest websafe color is: #cccccc.

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

● #ccc9bd color description : Grayish yellow.

The hexadecimal color #ccc9bd has RGB values of R:204, G:201, B:189 and CMYK values of C:0, M:0.01, Y:0.07, K:0.2. Its decimal value is 13420989.

Hex triplet	ccc9bd	`#ccc9bd`
RGB Decimal	204, 201, 189	`rgb(204,201,189)`
RGB Percent	80, 78.8, 74.1	`rgb(80%,78.8%,74.1%)`
CMYK	0, 1, 7, 20
HSL	48°, 12.8, 77.1	`hsl(48,12.8%,77.1%)`
HSV (or HSB)	48°, 7.4, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.897, -1.073, 6.352
XYZ	54.972, 58.285, 56.495
xyY	0.324, 0.343, 58.285
CIE-LCH	80.897, 6.442, 99.59
CIE-LUV	80.897, 2.408, 9.56
Hunter-Lab	76.345, -5.074, 9.566
Binary	11001100, 11001001, 10111101

#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#bdc0cc
```
#bdc0cc rgb(189,192,204)
```

Complementary Color

#ccc2bd
```
#ccc2bd rgb(204,194,189)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#c8ccbd
```
#c8ccbd rgb(200,204,189)
```

Analogous Color

#c2bdcc
```
#c2bdcc rgb(194,189,204)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#bdc8cc
```
#bdc8cc rgb(189,200,204)
```

Split Complementary Color

#c9bdcc
```
#c9bdcc rgb(201,189,204)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#bdccc9
```
#bdccc9 rgb(189,204,201)
```

Triadic Color

#ccbdc0
```
#ccbdc0 rgb(204,189,192)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#bdccc9
```
#bdccc9 rgb(189,204,201)
```
#bdc0cc
```
#bdc0cc rgb(189,192,204)
```

Tetradic Color

#aba692
```
#aba692 rgb(171,166,146)
```
#b6b1a0
```
#b6b1a0 rgb(182,177,160)
```
#c1bdaf
```
#c1bdaf rgb(193,189,175)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#d7d5cb
```
#d7d5cb rgb(215,213,203)
```
#e2e1da
```
#e2e1da rgb(226,225,218)
```
#edece8
```
#edece8 rgb(237,236,232)
```

Monochromatic Color

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

#ccc5bd
```
#ccc5bd rgb(204,197,189)
```
#ccc7bd
```
#ccc7bd rgb(204,199,189)
```
#ccc8bd
```
#ccc8bd rgb(204,200,189)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#cccabd
```
#cccabd rgb(204,202,189)
```
#ccccbd
```
#ccccbd rgb(204,204,189)
```
#cbccbd
```
#cbccbd rgb(203,204,189)
```

Similar Colors

Text with hexadecimal color #ccc9bd

This text has a font color of #ccc9bd.

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

#ccc9bd background color

This paragraph has a background color of #ccc9bd.

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

#ccc9bd border color

This element has a border color of #ccc9bd.

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

CSS codes

.text {color:#ccc9bd;}

.background {background-color:#ccc9bd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0b09
```
#0b0b09 rgb(11,11,9)
```
#171511
```
#171511 rgb(23,21,17)
```
#22201a
```
#22201a rgb(34,32,26)
```
#2d2b23
```
#2d2b23 rgb(45,43,35)
```
#38352b
```
#38352b rgb(56,53,43)
```
#434034
```
#434034 rgb(67,64,52)
```
#4e4a3c
```
#4e4a3c rgb(78,74,60)
```
#595545
```
#595545 rgb(89,85,69)
```
#645f4d
```
#645f4d rgb(100,95,77)
```
#6f6a56
```
#6f6a56 rgb(111,106,86)
```
#7a755e
```
#7a755e rgb(122,117,94)
```
#857f67
```
#857f67 rgb(133,127,103)
```

Shade Color Variation

#908a70
```
#908a70 rgb(144,138,112)
```
#99937b
```
#99937b rgb(153,147,123)
```
#a19c86
```
#a19c86 rgb(161,156,134)
```
#aaa591
```
#aaa591 rgb(170,165,145)
```
#b2ae9c
```
#b2ae9c rgb(178,174,156)
```
#bbb7a7
```
#bbb7a7 rgb(187,183,167)
```
#c3c0b2
```
#c3c0b2 rgb(195,192,178)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#d5d2c8
```
#d5d2c8 rgb(213,210,200)
```
#dddbd3
```
#dddbd3 rgb(221,219,211)
```
#e6e4de
```
#e6e4de rgb(230,228,222)
```
#eeede9
```
#eeede9 rgb(238,237,233)
```
#f7f6f4
```
#f7f6f4 rgb(247,246,244)
```

Tint Color Variation

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

#c8c6c2
```
#c8c6c2 rgb(200,198,194)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#d1ccb9
```
#d1ccb9 rgb(209,204,185)
```
#d5ceb4
```
#d5ceb4 rgb(213,206,180)
```
#dad1b0
```
#dad1b0 rgb(218,209,176)
```
#ded4ab
```
#ded4ab rgb(222,212,171)
```
#e3d7a7
```
#e3d7a7 rgb(227,215,167)
```
#e7d9a2
```
#e7d9a2 rgb(231,217,162)
```
#ecdc9e
```
#ecdc9e rgb(236,220,158)
```
#f0df99
```
#f0df99 rgb(240,223,153)
```
#f5e195
```
#f5e195 rgb(245,225,149)
```
#f9e490
```
#f9e490 rgb(249,228,144)
```
#fee78c
```
#fee78c rgb(254,231,140)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cac9c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cabf Protanopia 1% of men
#e1c5c2 Deuteranopia 1% of men
#d2c8d6 Tritanopia 0.001% of the population

Trichromacy

#cfcabe Protanomaly 1% of men, 0.01% of women
#d9c6c0 Deuteranomaly 6% of men, 0.4% of women
#d0c8cd Tritanomaly 0.01% of the population

#ccc9bd hex color

#ccc9bd Color Information

#ccc9bd Color Conversion

Color Schemes with #ccc9bd

Alternatives to #ccc9bd

#ccc9bd Preview

Shades and Tints of #ccc9bd

Tones of #ccc9bd

Color Blindness Simulator