#ccb997 hex color

In a RGB color space, hex #ccb997 is composed of 80% red, 72.5% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 26% yellow and 20% black. It has a hue angle of 38.5 degrees, a saturation of 34.2% and a lightness of 69.6%. #ccb997 color hex could be obtained by blending #ffffff with #99732f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 73
- B 59
RGB color chart
- C 0
- M 9
- Y 26
- K 20
CMYK color chart

● #ccb997 color description : Slightly desaturated orange.

The hexadecimal color #ccb997 has RGB values of R:204, G:185, B:151 and CMYK values of C:0, M:0.09, Y:0.26, K:0.2. Its decimal value is 13416855.

Hex triplet	ccb997	`#ccb997`
RGB Decimal	204, 185, 151	`rgb(204,185,151)`
RGB Percent	80, 72.5, 59.2	`rgb(80%,72.5%,59.2%)`
CMYK	0, 9, 26, 20
HSL	38.5°, 34.2, 69.6	`hsl(38.5,34.2%,69.6%)`
HSV (or HSB)	38.5°, 26, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.928, 1.476, 19.737
XYZ	47.836, 49.771, 36.363
xyY	0.357, 0.372, 49.771
CIE-LCH	75.928, 19.792, 85.723
CIE-LUV	75.928, 13.765, 27.095
Hunter-Lab	70.548, -2.426, 18.823
Binary	11001100, 10111001, 10010111

#ccb997
```
#ccb997 rgb(204,185,151)
```
#97aacc
```
#97aacc rgb(151,170,204)
```

Complementary Color

#cc9f97
```
#cc9f97 rgb(204,159,151)
```
#ccb997
```
#ccb997 rgb(204,185,151)
```
#c5cc97
```
#c5cc97 rgb(197,204,151)
```

Analogous Color

#9f97cc
```
#9f97cc rgb(159,151,204)
```
#ccb997
```
#ccb997 rgb(204,185,151)
```
#97c5cc
```
#97c5cc rgb(151,197,204)
```

Split Complementary Color

#b997cc
```
#b997cc rgb(185,151,204)
```
#ccb997
```
#ccb997 rgb(204,185,151)
```
#97ccb9
```
#97ccb9 rgb(151,204,185)
```

Triadic Color

#cc97aa
```
#cc97aa rgb(204,151,170)
```
#ccb997
```
#ccb997 rgb(204,185,151)
```
#97ccb9
```
#97ccb9 rgb(151,204,185)
```
#97aacc
```
#97aacc rgb(151,170,204)
```

Tetradic Color

#b39664
```
#b39664 rgb(179,150,100)
```
#bba275
```
#bba275 rgb(187,162,117)
```
#c4ad86
```
#c4ad86 rgb(196,173,134)
```
#ccb997
```
#ccb997 rgb(204,185,151)
```
#d4c5a8
```
#d4c5a8 rgb(212,197,168)
```
#ddd0b9
```
#ddd0b9 rgb(221,208,185)
```
#e5dcca
```
#e5dcca rgb(229,220,202)
```

Monochromatic Color

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

#ccac97
```
#ccac97 rgb(204,172,151)
```
#ccb097
```
#ccb097 rgb(204,176,151)
```
#ccb597
```
#ccb597 rgb(204,181,151)
```
#ccb997
```
#ccb997 rgb(204,185,151)
```
#ccbd97
```
#ccbd97 rgb(204,189,151)
```
#ccc297
```
#ccc297 rgb(204,194,151)
```
#ccc697
```
#ccc697 rgb(204,198,151)
```

Similar Colors

Text with hexadecimal color #ccb997

This text has a font color of #ccb997.

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

#ccb997 background color

This paragraph has a background color of #ccb997.

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

#ccb997 border color

This element has a border color of #ccb997.

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

CSS codes

.text {color:#ccb997;}

.background {background-color:#ccb997;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0c07
```
#0e0c07 rgb(14,12,7)
```
#1c170e
```
#1c170e rgb(28,23,14)
```
#292114
```
#292114 rgb(41,33,20)
```
#362c1a
```
#362c1a rgb(54,44,26)
```
#433721
```
#433721 rgb(67,55,33)
```
#504227
```
#504227 rgb(80,66,39)
```
#5d4c2e
```
#5d4c2e rgb(93,76,46)
```
#6b5734
```
#6b5734 rgb(107,87,52)
```
#78623b
```
#78623b rgb(120,98,59)
```
#856d41
```
#856d41 rgb(133,109,65)
```
#927748
```
#927748 rgb(146,119,72)
```
#9f824e
```
#9f824e rgb(159,130,78)
```

Shade Color Variation

#ac8d55
```
#ac8d55 rgb(172,141,85)
```
#b29662
```
#b29662 rgb(178,150,98)
```
#b99e70
```
#b99e70 rgb(185,158,112)
```
#bfa77d
```
#bfa77d rgb(191,167,125)
```
#c6b08a
```
#c6b08a rgb(198,176,138)
```
#ccb997
```
#ccb997 rgb(204,185,151)
```
#d2c2a4
```
#d2c2a4 rgb(210,194,164)
```
#d9cbb1
```
#d9cbb1 rgb(217,203,177)
```
#dfd4be
```
#dfd4be rgb(223,212,190)
```
#e6dccc
```
#e6dccc rgb(230,220,204)
```
#ece5d9
```
#ece5d9 rgb(236,229,217)
```
#f3eee6
```
#f3eee6 rgb(243,238,230)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#b4b2af
```
#b4b2af rgb(180,178,175)
```
#bab4a9
```
#bab4a9 rgb(186,180,169)
```
#c0b6a3
```
#c0b6a3 rgb(192,182,163)
```
#c6b79d
```
#c6b79d rgb(198,183,157)
```
#ccb997
```
#ccb997 rgb(204,185,151)
```
#d2bb91
```
#d2bb91 rgb(210,187,145)
```
#d8bc8b
```
#d8bc8b rgb(216,188,139)
```
#debe85
```
#debe85 rgb(222,190,133)
```
#e4c07f
```
#e4c07f rgb(228,192,127)
```
#eac179
```
#eac179 rgb(234,193,121)
```
#f0c373
```
#f0c373 rgb(240,195,115)
```
#f6c56d
```
#f6c56d rgb(246,197,109)
```
#fcc667
```
#fcc667 rgb(252,198,103)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebbb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9be9d Protanopia 1% of men
#dbb79d Deuteranopia 1% of men
#d4b7c3 Tritanopia 0.001% of the population

Trichromacy

#cabc9a Protanomaly 1% of men, 0.01% of women
#d6b89b Deuteranomaly 6% of men, 0.4% of women
#d1b7b3 Tritanomaly 0.01% of the population

#ccb997 hex color

#ccb997 Color Information

#ccb997 Color Conversion

Color Schemes with #ccb997

Alternatives to #ccb997

#ccb997 Preview

Shades and Tints of #ccb997

Tones of #ccb997

Color Blindness Simulator