#ccb978 hex color

In a RGB color space, hex #ccb978 is composed of 80% red, 72.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 41.2% yellow and 20% black. It has a hue angle of 46.4 degrees, a saturation of 45.2% and a lightness of 63.5%. #ccb978 color hex could be obtained by blending #fffff0 with #997300. Closest websafe color is: #cccc66.

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

● #ccb978 color description : Slightly desaturated yellow.

The hexadecimal color #ccb978 has RGB values of R:204, G:185, B:120 and CMYK values of C:0, M:0.09, Y:0.41, K:0.2. Its decimal value is 13416824.

Hex triplet	ccb978	`#ccb978`
RGB Decimal	204, 185, 120	`rgb(204,185,120)`
RGB Percent	80, 72.5, 47.1	`rgb(80%,72.5%,47.1%)`
CMYK	0, 9, 41, 20
HSL	46.4°, 45.2, 63.5	`hsl(46.4,45.2%,63.5%)`
HSV (or HSB)	46.4°, 41.2, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.384, -2.359, 35.416
XYZ	45.641, 48.892, 24.801
xyY	0.382, 0.41, 48.892
CIE-LCH	75.384, 35.495, 93.811
CIE-LUV	75.384, 15.755, 46.321
Hunter-Lab	69.923, -5.854, 27.916
Binary	11001100, 10111001, 01111000

#ccb978
```
#ccb978 rgb(204,185,120)
```
#788bcc
```
#788bcc rgb(120,139,204)
```

Complementary Color

#cc8f78
```
#cc8f78 rgb(204,143,120)
```
#ccb978
```
#ccb978 rgb(204,185,120)
```
#b5cc78
```
#b5cc78 rgb(181,204,120)
```

Analogous Color

#8f78cc
```
#8f78cc rgb(143,120,204)
```
#ccb978
```
#ccb978 rgb(204,185,120)
```
#78b5cc
```
#78b5cc rgb(120,181,204)
```

Split Complementary Color

#b978cc
```
#b978cc rgb(185,120,204)
```
#ccb978
```
#ccb978 rgb(204,185,120)
```
#78ccb9
```
#78ccb9 rgb(120,204,185)
```

Triadic Color

#cc788b
```
#cc788b rgb(204,120,139)
```
#ccb978
```
#ccb978 rgb(204,185,120)
```
#78ccb9
```
#78ccb9 rgb(120,204,185)
```
#788bcc
```
#788bcc rgb(120,139,204)
```

Tetradic Color

#b49a44
```
#b49a44 rgb(180,154,68)
```
#bea653
```
#bea653 rgb(190,166,83)
```
#c5af65
```
#c5af65 rgb(197,175,101)
```
#ccb978
```
#ccb978 rgb(204,185,120)
```
#d3c38b
```
#d3c38b rgb(211,195,139)
```
#dacc9d
```
#dacc9d rgb(218,204,157)
```
#e1d6b0
```
#e1d6b0 rgb(225,214,176)
```

Monochromatic Color

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

#cca478
```
#cca478 rgb(204,164,120)
```
#ccab78
```
#ccab78 rgb(204,171,120)
```
#ccb278
```
#ccb278 rgb(204,178,120)
```
#ccb978
```
#ccb978 rgb(204,185,120)
```
#ccc078
```
#ccc078 rgb(204,192,120)
```
#ccc778
```
#ccc778 rgb(204,199,120)
```
#cacc78
```
#cacc78 rgb(202,204,120)
```

Similar Colors

Text with hexadecimal color #ccb978

This text has a font color of #ccb978.

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

#ccb978 background color

This paragraph has a background color of #ccb978.

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

#ccb978 border color

This element has a border color of #ccb978.

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

CSS codes

.text {color:#ccb978;}

.background {background-color:#ccb978;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#161308
```
#161308 rgb(22,19,8)
```
#241f0e
```
#241f0e rgb(36,31,14)
```
#322b13
```
#322b13 rgb(50,43,19)
```
#403718
```
#403718 rgb(64,55,24)
```
#4f431e
```
#4f431e rgb(79,67,30)
```
#5d5023
```
#5d5023 rgb(93,80,35)
```
#6b5c28
```
#6b5c28 rgb(107,92,40)
```
#79682e
```
#79682e rgb(121,104,46)
```
#887433
```
#887433 rgb(136,116,51)
```
#968139
```
#968139 rgb(150,129,57)
```
#a48d3e
```
#a48d3e rgb(164,141,62)
```
#b29943
```
#b29943 rgb(178,153,67)
```

Shade Color Variation

#bca34d
```
#bca34d rgb(188,163,77)
```
#c1aa5c
```
#c1aa5c rgb(193,170,92)
```
#c7b26a
```
#c7b26a rgb(199,178,106)
```
#ccb978
```
#ccb978 rgb(204,185,120)
```
#d1c086
```
#d1c086 rgb(209,192,134)
```
#d7c894
```
#d7c894 rgb(215,200,148)
```
#dccfa3
```
#dccfa3 rgb(220,207,163)
```
#e2d7b1
```
#e2d7b1 rgb(226,215,177)
```
#e7debf
```
#e7debf rgb(231,222,191)
```
#ece5cd
```
#ece5cd rgb(236,229,205)
```
#f2eddc
```
#f2eddc rgb(242,237,220)
```
#f7f4ea
```
#f7f4ea rgb(247,244,234)
```
#fcfbf8
```
#fcfbf8 rgb(252,251,248)
```

Tint Color Variation

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

#a8a59c
```
#a8a59c rgb(168,165,156)
```
#afa995
```
#afa995 rgb(175,169,149)
```
#b7ad8d
```
#b7ad8d rgb(183,173,141)
```
#beb186
```
#beb186 rgb(190,177,134)
```
#c5b57f
```
#c5b57f rgb(197,181,127)
```
#ccb978
```
#ccb978 rgb(204,185,120)
```
#d3bd71
```
#d3bd71 rgb(211,189,113)
```
#dac16a
```
#dac16a rgb(218,193,106)
```
#e1c563
```
#e1c563 rgb(225,197,99)
```
#e9c95b
```
#e9c95b rgb(233,201,91)
```
#f0cd54
```
#f0cd54 rgb(240,205,84)
```
#f7d14d
```
#f7d14d rgb(247,209,77)
```
#fed446
```
#fed446 rgb(254,212,70)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbd7f Protanopia 1% of men
#e1b581 Deuteranopia 1% of men
#d6b4c1 Tritanopia 0.001% of the population

Trichromacy

#ccbb7c Protanomaly 1% of men, 0.01% of women
#d9b67d Deuteranomaly 6% of men, 0.4% of women
#d2b6a6 Tritanomaly 0.01% of the population

#ccb978 hex color

#ccb978 Color Information

#ccb978 Color Conversion

Color Schemes with #ccb978

Alternatives to #ccb978

#ccb978 Preview

Shades and Tints of #ccb978

Tones of #ccb978

Color Blindness Simulator