#ccbdb8 hex color

In a RGB color space, hex #ccbdb8 is composed of 80% red, 74.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 9.8% yellow and 20% black. It has a hue angle of 15 degrees, a saturation of 16.4% and a lightness of 76.1%. #ccbdb8 color hex could be obtained by blending #ffffff with #997b71. Closest websafe color is: #cccccc.

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

● #ccbdb8 color description : Grayish orange.

The hexadecimal color #ccbdb8 has RGB values of R:204, G:189, B:184 and CMYK values of C:0, M:0.07, Y:0.1, K:0.2. Its decimal value is 13417912.

Hex triplet	ccbdb8	`#ccbdb8`
RGB Decimal	204, 189, 184	`rgb(204,189,184)`
RGB Percent	80, 74.1, 72.2	`rgb(80%,74.1%,72.2%)`
CMYK	0, 7, 10, 20
HSL	15°, 16.4, 76.1	`hsl(15,16.4%,76.1%)`
HSV (or HSB)	15°, 9.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.694, 4.429, 4.423
XYZ	51.75, 52.694, 52.79
xyY	0.329, 0.335, 52.694
CIE-LCH	77.694, 6.259, 44.962
CIE-LUV	77.694, 9.141, 5.716
Hunter-Lab	72.591, 0.219, 7.696
Binary	11001100, 10111101, 10111000

#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#b8c7cc
```
#b8c7cc rgb(184,199,204)
```

Complementary Color

#ccb8bd
```
#ccb8bd rgb(204,184,189)
```
#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#ccc7b8
```
#ccc7b8 rgb(204,199,184)
```

Analogous Color

#b8bdcc
```
#b8bdcc rgb(184,189,204)
```
#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#b8ccc7
```
#b8ccc7 rgb(184,204,199)
```

Split Complementary Color

#bdb8cc
```
#bdb8cc rgb(189,184,204)
```
#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#b8ccbd
```
#b8ccbd rgb(184,204,189)
```

Triadic Color

#ccb8c7
```
#ccb8c7 rgb(204,184,199)
```
#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#b8ccbd
```
#b8ccbd rgb(184,204,189)
```
#b8c7cc
```
#b8c7cc rgb(184,199,204)
```

Tetradic Color

#ac948b
```
#ac948b rgb(172,148,139)
```
#b7a19a
```
#b7a19a rgb(183,161,154)
```
#c1afa9
```
#c1afa9 rgb(193,175,169)
```
#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#d7cbc7
```
#d7cbc7 rgb(215,203,199)
```
#e1d9d6
```
#e1d9d6 rgb(225,217,214)
```
#ece6e5
```
#ece6e5 rgb(236,230,229)
```

Monochromatic Color

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

#ccb8b8
```
#ccb8b8 rgb(204,184,184)
```
#ccbab8
```
#ccbab8 rgb(204,186,184)
```
#ccbbb8
```
#ccbbb8 rgb(204,187,184)
```
#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#ccbfb8
```
#ccbfb8 rgb(204,191,184)
```
#ccc0b8
```
#ccc0b8 rgb(204,192,184)
```
#ccc2b8
```
#ccc2b8 rgb(204,194,184)
```

Similar Colors

Text with hexadecimal color #ccbdb8

This text has a font color of #ccbdb8.

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

#ccbdb8 background color

This paragraph has a background color of #ccbdb8.

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

#ccbdb8 border color

This element has a border color of #ccbdb8.

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

CSS codes

.text {color:#ccbdb8;}

.background {background-color:#ccbdb8;}

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

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

#090706
```
#090706 rgb(9,7,6)
```
#14100f
```
#14100f rgb(20,16,15)
```
#201917
```
#201917 rgb(32,25,23)
```
#2b221f
```
#2b221f rgb(43,34,31)
```
#372b27
```
#372b27 rgb(55,43,39)
```
#42342f
```
#42342f rgb(66,52,47)
```
#4d3d38
```
#4d3d38 rgb(77,61,56)
```
#594640
```
#594640 rgb(89,70,64)
```
#644f48
```
#644f48 rgb(100,79,72)
```
#705850
```
#705850 rgb(112,88,80)
```
#7b6158
```
#7b6158 rgb(123,97,88)
```
#866a61
```
#866a61 rgb(134,106,97)
```
#927369
```
#927369 rgb(146,115,105)
```

Shade Color Variation

#9b7d74
```
#9b7d74 rgb(155,125,116)
```
#a3887f
```
#a3887f rgb(163,136,127)
```
#ab938a
```
#ab938a rgb(171,147,138)
```
#b39d96
```
#b39d96 rgb(179,157,150)
```
#bca8a1
```
#bca8a1 rgb(188,168,161)
```
#c4b2ad
```
#c4b2ad rgb(196,178,173)
```
#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#d4c8c3
```
#d4c8c3 rgb(212,200,195)
```
#dcd2cf
```
#dcd2cf rgb(220,210,207)
```
#e5ddda
```
#e5ddda rgb(229,221,218)
```
#ede7e6
```
#ede7e6 rgb(237,231,230)
```
#f5f2f1
```
#f5f2f1 rgb(245,242,241)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#c3c2c1
```
#c3c2c1 rgb(195,194,193)
```
#c7bfbd
```
#c7bfbd rgb(199,191,189)
```
#ccbdb8
```
#ccbdb8 rgb(204,189,184)
```
#d1bbb3
```
#d1bbb3 rgb(209,187,179)
```
#d5b8af
```
#d5b8af rgb(213,184,175)
```
#dab6aa
```
#dab6aa rgb(218,182,170)
```
#dfb4a5
```
#dfb4a5 rgb(223,180,165)
```
#e3b1a1
```
#e3b1a1 rgb(227,177,161)
```
#e8af9c
```
#e8af9c rgb(232,175,156)
```
#edad97
```
#edad97 rgb(237,173,151)
```
#f2aa92
```
#f2aa92 rgb(242,170,146)
```
#f6a88e
```
#f6a88e rgb(246,168,142)
```
#fba689
```
#fba689 rgb(251,166,137)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3c0bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c2bc Protanopia 1% of men
#d7bdbc Deuteranopia 1% of men
#d1bdcb Tritanopia 0.001% of the population

Trichromacy

#c9c0ba Protanomaly 1% of men, 0.01% of women
#d3bdba Deuteranomaly 6% of men, 0.4% of women
#cfbdc4 Tritanomaly 0.01% of the population

#ccbdb8 hex color

#ccbdb8 Color Information

#ccbdb8 Color Conversion

Color Schemes with #ccbdb8

Alternatives to #ccbdb8

#ccbdb8 Preview

Shades and Tints of #ccbdb8

Tones of #ccbdb8

Color Blindness Simulator