#ccb49f hex color

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

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

● #ccb49f color description : Grayish orange.

The hexadecimal color #ccb49f has RGB values of R:204, G:180, B:159 and CMYK values of C:0, M:0.12, Y:0.22, K:0.2. Its decimal value is 13415583.

Hex triplet	ccb49f	`#ccb49f`
RGB Decimal	204, 180, 159	`rgb(204,180,159)`
RGB Percent	80, 70.6, 62.4	`rgb(80%,70.6%,62.4%)`
CMYK	0, 12, 22, 20
HSL	28°, 30.6, 71.2	`hsl(28,30.6%,71.2%)`
HSV (or HSB)	28°, 22.1, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.815, 5.287, 13.865
XYZ	47.48, 47.984, 39.56
xyY	0.352, 0.355, 47.984
CIE-LCH	74.815, 14.839, 69.128
CIE-LUV	74.815, 16.084, 18.606
Hunter-Lab	69.271, 1.126, 14.629
Binary	11001100, 10110100, 10011111

#ccb49f
```
#ccb49f rgb(204,180,159)
```
#9fb7cc
```
#9fb7cc rgb(159,183,204)
```

Complementary Color

#cc9fa1
```
#cc9fa1 rgb(204,159,161)
```
#ccb49f
```
#ccb49f rgb(204,180,159)
```
#cccb9f
```
#cccb9f rgb(204,203,159)
```

Analogous Color

#9fa1cc
```
#9fa1cc rgb(159,161,204)
```
#ccb49f
```
#ccb49f rgb(204,180,159)
```
#9fcccb
```
#9fcccb rgb(159,204,203)
```

Split Complementary Color

#b49fcc
```
#b49fcc rgb(180,159,204)
```
#ccb49f
```
#ccb49f rgb(204,180,159)
```
#9fccb4
```
#9fccb4 rgb(159,204,180)
```

Triadic Color

#cc9fb7
```
#cc9fb7 rgb(204,159,183)
```
#ccb49f
```
#ccb49f rgb(204,180,159)
```
#9fccb4
```
#9fccb4 rgb(159,204,180)
```
#9fb7cc
```
#9fb7cc rgb(159,183,204)
```

Tetradic Color

#b18d6d
```
#b18d6d rgb(177,141,109)
```
#ba9a7e
```
#ba9a7e rgb(186,154,126)
```
#c3a78e
```
#c3a78e rgb(195,167,142)
```
#ccb49f
```
#ccb49f rgb(204,180,159)
```
#d5c1b0
```
#d5c1b0 rgb(213,193,176)
```
#decec0
```
#decec0 rgb(222,206,192)
```
#e7dbd1
```
#e7dbd1 rgb(231,219,209)
```

Monochromatic Color

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

#cca99f
```
#cca99f rgb(204,169,159)
```
#ccad9f
```
#ccad9f rgb(204,173,159)
```
#ccb09f
```
#ccb09f rgb(204,176,159)
```
#ccb49f
```
#ccb49f rgb(204,180,159)
```
#ccb89f
```
#ccb89f rgb(204,184,159)
```
#ccbc9f
```
#ccbc9f rgb(204,188,159)
```
#ccbf9f
```
#ccbf9f rgb(204,191,159)
```

Similar Colors

Text with hexadecimal color #ccb49f

This text has a font color of #ccb49f.

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

#ccb49f background color

This paragraph has a background color of #ccb49f.

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

#ccb49f border color

This element has a border color of #ccb49f.

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

CSS codes

.text {color:#ccb49f;}

.background {background-color:#ccb49f;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#130e0a
```
#130e0a rgb(19,14,10)
```
#201811
```
#201811 rgb(32,24,17)
```
#2d2218
```
#2d2218 rgb(45,34,24)
```
#3a2b1f
```
#3a2b1f rgb(58,43,31)
```
#473525
```
#473525 rgb(71,53,37)
```
#533f2c
```
#533f2c rgb(83,63,44)
```
#604833
```
#604833 rgb(96,72,51)
```
#6d523a
```
#6d523a rgb(109,82,58)
```
#7a5b41
```
#7a5b41 rgb(122,91,65)
```
#876547
```
#876547 rgb(135,101,71)
```
#936f4e
```
#936f4e rgb(147,111,78)
```
#a07855
```
#a07855 rgb(160,120,85)
```

Shade Color Variation

#aa825f
```
#aa825f rgb(170,130,95)
```
#b18c6c
```
#b18c6c rgb(177,140,108)
```
#b89679
```
#b89679 rgb(184,150,121)
```
#bea085
```
#bea085 rgb(190,160,133)
```
#c5aa92
```
#c5aa92 rgb(197,170,146)
```
#ccb49f
```
#ccb49f rgb(204,180,159)
```
#d3beac
```
#d3beac rgb(211,190,172)
```
#dac8b9
```
#dac8b9 rgb(218,200,185)
```
#e0d2c5
```
#e0d2c5 rgb(224,210,197)
```
#e7dcd2
```
#e7dcd2 rgb(231,220,210)
```
#eee6df
```
#eee6df rgb(238,230,223)
```
#f5f0ec
```
#f5f0ec rgb(245,240,236)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#bbb5b0
```
#bbb5b0 rgb(187,181,176)
```
#c1b5aa
```
#c1b5aa rgb(193,181,170)
```
#c6b4a5
```
#c6b4a5 rgb(198,180,165)
```
#ccb49f
```
#ccb49f rgb(204,180,159)
```
#d2b499
```
#d2b499 rgb(210,180,153)
```
#d7b394
```
#d7b394 rgb(215,179,148)
```
#ddb38e
```
#ddb38e rgb(221,179,142)
```
#e3b288
```
#e3b288 rgb(227,178,136)
```
#e8b283
```
#e8b283 rgb(232,178,131)
```
#eeb27d
```
#eeb27d rgb(238,178,125)
```
#f4b177
```
#f4b177 rgb(244,177,119)
```
#f9b172
```
#f9b172 rgb(249,177,114)
```
#ffb16c
```
#ffb16c rgb(255,177,108)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bdb8b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4bba5 Protanopia 1% of men
#d5b5a4 Deuteranopia 1% of men
#d2b3c0 Tritanopia 0.001% of the population

Trichromacy

#c7b8a3 Protanomaly 1% of men, 0.01% of women
#d2b4a2 Deuteranomaly 6% of men, 0.4% of women
#d0b3b4 Tritanomaly 0.01% of the population

#ccb49f hex color

#ccb49f Color Information

#ccb49f Color Conversion

Color Schemes with #ccb49f

Alternatives to #ccb49f

#ccb49f Preview

Shades and Tints of #ccb49f

Tones of #ccb49f

Color Blindness Simulator