#ccb97c hex color

In a RGB color space, hex #ccb97c is composed of 80% red, 72.5% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 39.2% yellow and 20% black. It has a hue angle of 45.8 degrees, a saturation of 44% and a lightness of 64.3%. #ccb97c color hex could be obtained by blending #fffff8 with #997300. Closest websafe color is: #cccc66.

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

● #ccb97c color description : Slightly desaturated yellow.

The hexadecimal color #ccb97c has RGB values of R:204, G:185, B:124 and CMYK values of C:0, M:0.09, Y:0.39, K:0.2. Its decimal value is 13416828.

Hex triplet	ccb97c	`#ccb97c`
RGB Decimal	204, 185, 124	`rgb(204,185,124)`
RGB Percent	80, 72.5, 48.6	`rgb(80%,72.5%,48.6%)`
CMYK	0, 9, 39, 20
HSL	45.8°, 44, 64.3	`hsl(45.8,44%,64.3%)`
HSV (or HSB)	45.8°, 39.2, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.446, -1.918, 33.416
XYZ	45.889, 48.992, 26.107
xyY	0.379, 0.405, 48.992
CIE-LCH	75.446, 33.471, 93.285
CIE-LUV	75.446, 15.52, 44.051
Hunter-Lab	69.994, -5.464, 26.881
Binary	11001100, 10111001, 01111100

#ccb97c
```
#ccb97c rgb(204,185,124)
```
#7c8fcc
```
#7c8fcc rgb(124,143,204)
```

Complementary Color

#cc917c
```
#cc917c rgb(204,145,124)
```
#ccb97c
```
#ccb97c rgb(204,185,124)
```
#b7cc7c
```
#b7cc7c rgb(183,204,124)
```

Analogous Color

#917ccc
```
#917ccc rgb(145,124,204)
```
#ccb97c
```
#ccb97c rgb(204,185,124)
```
#7cb7cc
```
#7cb7cc rgb(124,183,204)
```

Split Complementary Color

#b97ccc
```
#b97ccc rgb(185,124,204)
```
#ccb97c
```
#ccb97c rgb(204,185,124)
```
#7cccb9
```
#7cccb9 rgb(124,204,185)
```

Triadic Color

#cc7c8f
```
#cc7c8f rgb(204,124,143)
```
#ccb97c
```
#ccb97c rgb(204,185,124)
```
#7cccb9
```
#7cccb9 rgb(124,204,185)
```
#7c8fcc
```
#7c8fcc rgb(124,143,204)
```

Tetradic Color

#b59b46
```
#b59b46 rgb(181,155,70)
```
#bea557
```
#bea557 rgb(190,165,87)
```
#c5af6a
```
#c5af6a rgb(197,175,106)
```
#ccb97c
```
#ccb97c rgb(204,185,124)
```
#d3c38e
```
#d3c38e rgb(211,195,142)
```
#dacda1
```
#dacda1 rgb(218,205,161)
```
#e1d6b3
```
#e1d6b3 rgb(225,214,179)
```

Monochromatic Color

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

#cca57c
```
#cca57c rgb(204,165,124)
```
#ccac7c
```
#ccac7c rgb(204,172,124)
```
#ccb27c
```
#ccb27c rgb(204,178,124)
```
#ccb97c
```
#ccb97c rgb(204,185,124)
```
#ccc07c
```
#ccc07c rgb(204,192,124)
```
#ccc67c
```
#ccc67c rgb(204,198,124)
```
#cbcc7c
```
#cbcc7c rgb(203,204,124)
```

Similar Colors

Text with hexadecimal color #ccb97c

This text has a font color of #ccb97c.

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

#ccb97c background color

This paragraph has a background color of #ccb97c.

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

#ccb97c border color

This element has a border color of #ccb97c.

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

CSS codes

.text {color:#ccb97c;}

.background {background-color:#ccb97c;}

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

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, #0a0904 is the darkest color, while #fdfdfb is the lightest one.

#0a0904
```
#0a0904 rgb(10,9,4)
```
#181509
```
#181509 rgb(24,21,9)
```
#26210f
```
#26210f rgb(38,33,15)
```
#352d14
```
#352d14 rgb(53,45,20)
```
#43391a
```
#43391a rgb(67,57,26)
```
#51451f
```
#51451f rgb(81,69,31)
```
#5f5125
```
#5f5125 rgb(95,81,37)
```
#6d5d2a
```
#6d5d2a rgb(109,93,42)
```
#7b6930
```
#7b6930 rgb(123,105,48)
```
#897535
```
#897535 rgb(137,117,53)
```
#97813b
```
#97813b rgb(151,129,59)
```
#a58d40
```
#a58d40 rgb(165,141,64)
```
#b49a46
```
#b49a46 rgb(180,154,70)
```

Shade Color Variation

#bca252
```
#bca252 rgb(188,162,82)
```
#c1aa60
```
#c1aa60 rgb(193,170,96)
```
#c7b16e
```
#c7b16e rgb(199,177,110)
```
#ccb97c
```
#ccb97c rgb(204,185,124)
```
#d1c18a
```
#d1c18a rgb(209,193,138)
```
#d7c898
```
#d7c898 rgb(215,200,152)
```
#dcd0a6
```
#dcd0a6 rgb(220,208,166)
```
#e2d7b4
```
#e2d7b4 rgb(226,215,180)
```
#e7dfc3
```
#e7dfc3 rgb(231,223,195)
```
#ede6d1
```
#ede6d1 rgb(237,230,209)
```
#f2eedf
```
#f2eedf rgb(242,238,223)
```
#f8f5ed
```
#f8f5ed rgb(248,245,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#a9a79f
```
#a9a79f rgb(169,167,159)
```
#b0aa98
```
#b0aa98 rgb(176,170,152)
```
#b7ae91
```
#b7ae91 rgb(183,174,145)
```
#beb28a
```
#beb28a rgb(190,178,138)
```
#c5b583
```
#c5b583 rgb(197,181,131)
```
#ccb97c
```
#ccb97c rgb(204,185,124)
```
#d3bd75
```
#d3bd75 rgb(211,189,117)
```
#dac06e
```
#dac06e rgb(218,192,110)
```
#e1c467
```
#e1c467 rgb(225,196,103)
```
#e8c860
```
#e8c860 rgb(232,200,96)
```
#efcb59
```
#efcb59 rgb(239,203,89)
```
#f6cf52
```
#f6cf52 rgb(246,207,82)
```
#fdd34b
```
#fdd34b rgb(253,211,75)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcb8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbd83 Protanopia 1% of men
#e0b584 Deuteranopia 1% of men
#d6b4c1 Tritanopia 0.001% of the population

Trichromacy

#ccbb80 Protanomaly 1% of men, 0.01% of women
#d9b681 Deuteranomaly 6% of men, 0.4% of women
#d2b6a8 Tritanomaly 0.01% of the population

#ccb97c hex color

#ccb97c Color Information

#ccb97c Color Conversion

Color Schemes with #ccb97c

Alternatives to #ccb97c

#ccb97c Preview

Shades and Tints of #ccb97c

Tones of #ccb97c

Color Blindness Simulator