#ccbcb0 hex color

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

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

● #ccbcb0 color description : Grayish orange.

The hexadecimal color #ccbcb0 has RGB values of R:204, G:188, B:176 and CMYK values of C:0, M:0.08, Y:0.14, K:0.2. Its decimal value is 13417648.

Hex triplet	ccbcb0	`#ccbcb0`
RGB Decimal	204, 188, 176	`rgb(204,188,176)`
RGB Percent	80, 73.7, 69	`rgb(80%,73.7%,69%)`
CMYK	0, 8, 14, 20
HSL	25.7°, 21.5, 74.5	`hsl(25.7,21.5%,74.5%)`
HSV (or HSB)	25.7°, 13.7, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	77.244, 3.641, 8.103
XYZ	50.72, 51.939, 48.425
xyY	0.336, 0.344, 51.939
CIE-LCH	77.244, 8.884, 65.804
CIE-LUV	77.244, 10.269, 11.107
Hunter-Lab	72.069, -0.496, 10.609
Binary	11001100, 10111100, 10110000

#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#b0c0cc
```
#b0c0cc rgb(176,192,204)
```

Complementary Color

#ccb0b2
```
#ccb0b2 rgb(204,176,178)
```
#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#cccab0
```
#cccab0 rgb(204,202,176)
```

Analogous Color

#b0b2cc
```
#b0b2cc rgb(176,178,204)
```
#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#b0ccca
```
#b0ccca rgb(176,204,202)
```

Split Complementary Color

#bcb0cc
```
#bcb0cc rgb(188,176,204)
```
#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#b0ccbc
```
#b0ccbc rgb(176,204,188)
```

Triadic Color

#ccb0c0
```
#ccb0c0 rgb(204,176,192)
```
#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#b0ccbc
```
#b0ccbc rgb(176,204,188)
```
#b0c0cc
```
#b0c0cc rgb(176,192,204)
```

Tetradic Color

#ae9582
```
#ae9582 rgb(174,149,130)
```
#b8a291
```
#b8a291 rgb(184,162,145)
```
#c2afa1
```
#c2afa1 rgb(194,175,161)
```
#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#d6c9bf
```
#d6c9bf rgb(214,201,191)
```
#e0d6cf
```
#e0d6cf rgb(224,214,207)
```
#eae3de
```
#eae3de rgb(234,227,222)
```

Monochromatic Color

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

#ccb5b0
```
#ccb5b0 rgb(204,181,176)
```
#ccb7b0
```
#ccb7b0 rgb(204,183,176)
```
#ccbab0
```
#ccbab0 rgb(204,186,176)
```
#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#ccbeb0
```
#ccbeb0 rgb(204,190,176)
```
#ccc1b0
```
#ccc1b0 rgb(204,193,176)
```
#ccc3b0
```
#ccc3b0 rgb(204,195,176)
```

Similar Colors

Text with hexadecimal color #ccbcb0

This text has a font color of #ccbcb0.

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

#ccbcb0 background color

This paragraph has a background color of #ccbcb0.

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

#ccbcb0 border color

This element has a border color of #ccbcb0.

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

CSS codes

.text {color:#ccbcb0;}

.background {background-color:#ccbcb0;}

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

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

#040403
```
#040403 rgb(4,4,3)
```
#100d0b
```
#100d0b rgb(16,13,11)
```
#1c1712
```
#1c1712 rgb(28,23,18)
```
#28201a
```
#28201a rgb(40,32,26)
```
#342a22
```
#342a22 rgb(52,42,34)
```
#403329
```
#403329 rgb(64,51,41)
```
#4c3d31
```
#4c3d31 rgb(76,61,49)
```
#584639
```
#584639 rgb(88,70,57)
```
#645040
```
#645040 rgb(100,80,64)
```
#705948
```
#705948 rgb(112,89,72)
```
#7c6350
```
#7c6350 rgb(124,99,80)
```
#886c58
```
#886c58 rgb(136,108,88)
```
#93765f
```
#93765f rgb(147,118,95)
```

Shade Color Variation

#9e7f68
```
#9e7f68 rgb(158,127,104)
```
#a68974
```
#a68974 rgb(166,137,116)
```
#ad9480
```
#ad9480 rgb(173,148,128)
```
#b59e8c
```
#b59e8c rgb(181,158,140)
```
#bda898
```
#bda898 rgb(189,168,152)
```
#c4b2a4
```
#c4b2a4 rgb(196,178,164)
```
#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#d4c6bc
```
#d4c6bc rgb(212,198,188)
```
#dbd0c8
```
#dbd0c8 rgb(219,208,200)
```
#e3dad4
```
#e3dad4 rgb(227,218,212)
```
#ebe4e0
```
#ebe4e0 rgb(235,228,224)
```
#f2efec
```
#f2efec rgb(242,239,236)
```
#faf9f8
```
#faf9f8 rgb(250,249,248)
```

Tint Color Variation

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

#c2bdba
```
#c2bdba rgb(194,189,186)
```
#c7bdb5
```
#c7bdb5 rgb(199,189,181)
```
#ccbcb0
```
#ccbcb0 rgb(204,188,176)
```
#d1bbab
```
#d1bbab rgb(209,187,171)
```
#d6bba6
```
#d6bba6 rgb(214,187,166)
```
#dbbaa1
```
#dbbaa1 rgb(219,186,161)
```
#e0b99c
```
#e0b99c rgb(224,185,156)
```
#e5b897
```
#e5b897 rgb(229,184,151)
```
#eab892
```
#eab892 rgb(234,184,146)
```
#efb78d
```
#efb78d rgb(239,183,141)
```
#f4b688
```
#f4b688 rgb(244,182,136)
```
#f9b683
```
#f9b683 rgb(249,182,131)
```
#feb57e
```
#feb57e rgb(254,181,126)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c2bebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c1b5 Protanopia 1% of men
#d8bbb5 Deuteranopia 1% of men
#d1bcc9 Tritanopia 0.001% of the population

Trichromacy

#c9bfb3 Protanomaly 1% of men, 0.01% of women
#d4bbb3 Deuteranomaly 6% of men, 0.4% of women
#cfbcc0 Tritanomaly 0.01% of the population

#ccbcb0 hex color

#ccbcb0 Color Information

#ccbcb0 Color Conversion

Color Schemes with #ccbcb0

Alternatives to #ccbcb0

#ccbcb0 Preview

Shades and Tints of #ccbcb0

Tones of #ccbcb0

Color Blindness Simulator