#ccbe9f hex color

In a RGB color space, hex #ccbe9f is composed of 80% red, 74.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.9% magenta, 22.1% yellow and 20% black. It has a hue angle of 41.3 degrees, a saturation of 30.6% and a lightness of 71.2%. #ccbe9f color hex could be obtained by blending #ffffff with #997d3f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 75
- B 62
RGB color chart
- C 0
- M 7
- Y 22
- K 20
CMYK color chart

● #ccbe9f color description : Grayish orange.

The hexadecimal color #ccbe9f has RGB values of R:204, G:190, B:159 and CMYK values of C:0, M:0.07, Y:0.22, K:0.2. Its decimal value is 13418143.

Hex triplet	ccbe9f	`#ccbe9f`
RGB Decimal	204, 190, 159	`rgb(204,190,159)`
RGB Percent	80, 74.5, 62.4	`rgb(80%,74.5%,62.4%)`
CMYK	0, 7, 22, 20
HSL	41.3°, 30.6, 71.2	`hsl(41.3,30.6%,71.2%)`
HSV (or HSB)	41.3°, 22.1, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	77.381, -0.032, 17.456
XYZ	49.572, 52.168, 40.257
xyY	0.349, 0.367, 52.168
CIE-LCH	77.381, 17.456, 90.106
CIE-LUV	77.381, 10.319, 24.547
Hunter-Lab	72.228, -3.887, 17.513
Binary	11001100, 10111110, 10011111

#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#9fadcc
```
#9fadcc rgb(159,173,204)
```

Complementary Color

#cca89f
```
#cca89f rgb(204,168,159)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#c4cc9f
```
#c4cc9f rgb(196,204,159)
```

Analogous Color

#a89fcc
```
#a89fcc rgb(168,159,204)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#9fc4cc
```
#9fc4cc rgb(159,196,204)
```

Split Complementary Color

#be9fcc
```
#be9fcc rgb(190,159,204)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#9fccbe
```
#9fccbe rgb(159,204,190)
```

Triadic Color

#cc9fad
```
#cc9fad rgb(204,159,173)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#9fccbe
```
#9fccbe rgb(159,204,190)
```
#9fadcc
```
#9fadcc rgb(159,173,204)
```

Tetradic Color

#b19c6d
```
#b19c6d rgb(177,156,109)
```
#baa77e
```
#baa77e rgb(186,167,126)
```
#c3b38e
```
#c3b38e rgb(195,179,142)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#d5c9b0
```
#d5c9b0 rgb(213,201,176)
```
#ded5c0
```
#ded5c0 rgb(222,213,192)
```
#e7e0d1
```
#e7e0d1 rgb(231,224,209)
```

Monochromatic Color

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

#ccb39f
```
#ccb39f rgb(204,179,159)
```
#ccb79f
```
#ccb79f rgb(204,183,159)
```
#ccba9f
```
#ccba9f rgb(204,186,159)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#ccc29f
```
#ccc29f rgb(204,194,159)
```
#ccc69f
```
#ccc69f rgb(204,198,159)
```
#ccc99f
```
#ccc99f rgb(204,201,159)
```

Similar Colors

Text with hexadecimal color #ccbe9f

This text has a font color of #ccbe9f.

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

#ccbe9f background color

This paragraph has a background color of #ccbe9f.

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

#ccbe9f border color

This element has a border color of #ccbe9f.

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

CSS codes

.text {color:#ccbe9f;}

.background {background-color:#ccbe9f;}

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

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

#060603
```
#060603 rgb(6,6,3)
```
#13100a
```
#13100a rgb(19,16,10)
```
#201b11
```
#201b11 rgb(32,27,17)
```
#2d2618
```
#2d2618 rgb(45,38,24)
```
#3a311f
```
#3a311f rgb(58,49,31)
```
#473c25
```
#473c25 rgb(71,60,37)
```
#53472c
```
#53472c rgb(83,71,44)
```
#605233
```
#605233 rgb(96,82,51)
```
#6d5d3a
```
#6d5d3a rgb(109,93,58)
```
#7a6841
```
#7a6841 rgb(122,104,65)
```
#877347
```
#877347 rgb(135,115,71)
```
#937e4e
```
#937e4e rgb(147,126,78)
```
#a08955
```
#a08955 rgb(160,137,85)
```

Shade Color Variation

#aa935f
```
#aa935f rgb(170,147,95)
```
#b19b6c
```
#b19b6c rgb(177,155,108)
```
#b8a479
```
#b8a479 rgb(184,164,121)
```
#bead85
```
#bead85 rgb(190,173,133)
```
#c5b592
```
#c5b592 rgb(197,181,146)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#d3c7ac
```
#d3c7ac rgb(211,199,172)
```
#dacfb9
```
#dacfb9 rgb(218,207,185)
```
#e0d8c5
```
#e0d8c5 rgb(224,216,197)
```
#e7e1d2
```
#e7e1d2 rgb(231,225,210)
```
#eee9df
```
#eee9df rgb(238,233,223)
```
#f5f2ec
```
#f5f2ec rgb(245,242,236)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#bbb8b0
```
#bbb8b0 rgb(187,184,176)
```
#c1baaa
```
#c1baaa rgb(193,186,170)
```
#c6bca5
```
#c6bca5 rgb(198,188,165)
```
#ccbe9f
```
#ccbe9f rgb(204,190,159)
```
#d2c099
```
#d2c099 rgb(210,192,153)
```
#d7c294
```
#d7c294 rgb(215,194,148)
```
#ddc48e
```
#ddc48e rgb(221,196,142)
```
#e3c788
```
#e3c788 rgb(227,199,136)
```
#e8c983
```
#e8c983 rgb(232,201,131)
```
#eecb7d
```
#eecb7d rgb(238,203,125)
```
#f4cd77
```
#f4cd77 rgb(244,205,119)
```
#f9cf72
```
#f9cf72 rgb(249,207,114)
```
#ffd16c
```
#ffd16c rgb(255,209,108)
```

Tone Color Variation

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

Dichromacy

#ccc1a4 Protanopia 1% of men
#debba5 Deuteranopia 1% of men
#d4bcc9 Tritanopia 0.001% of the population

Trichromacy

#ccc0a2 Protanomaly 1% of men, 0.01% of women
#d7bca3 Deuteranomaly 6% of men, 0.4% of women
#d1bcb9 Tritanomaly 0.01% of the population

#ccbe9f hex color

#ccbe9f Color Information

#ccbe9f Color Conversion

Color Schemes with #ccbe9f

Alternatives to #ccbe9f

#ccbe9f Preview

Shades and Tints of #ccbe9f

Tones of #ccbe9f

Color Blindness Simulator