#ccbc78 hex color

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

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

● #ccbc78 color description : Slightly desaturated yellow.

The hexadecimal color #ccbc78 has RGB values of R:204, G:188, B:120 and CMYK values of C:0, M:0.08, Y:0.41, K:0.2. Its decimal value is 13417592.

Hex triplet	ccbc78	`#ccbc78`
RGB Decimal	204, 188, 120	`rgb(204,188,120)`
RGB Percent	80, 73.7, 47.1	`rgb(80%,73.7%,47.1%)`
CMYK	0, 8, 41, 20
HSL	48.6°, 45.2, 63.5	`hsl(48.6,45.2%,63.5%)`
HSV (or HSB)	48.6°, 41.2, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.168, -3.931, 36.421
XYZ	46.275, 50.161, 25.013
xyY	0.381, 0.413, 50.161
CIE-LCH	76.168, 36.633, 96.161
CIE-LUV	76.168, 13.874, 47.882
Hunter-Lab	70.824, -7.315, 28.638
Binary	11001100, 10111100, 01111000

#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#7888cc
```
#7888cc rgb(120,136,204)
```

Complementary Color

#cc9278
```
#cc9278 rgb(204,146,120)
```
#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#b2cc78
```
#b2cc78 rgb(178,204,120)
```

Analogous Color

#9278cc
```
#9278cc rgb(146,120,204)
```
#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#78b2cc
```
#78b2cc rgb(120,178,204)
```

Split Complementary Color

#bc78cc
```
#bc78cc rgb(188,120,204)
```
#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#78ccbc
```
#78ccbc rgb(120,204,188)
```

Triadic Color

#cc7888
```
#cc7888 rgb(204,120,136)
```
#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#78ccbc
```
#78ccbc rgb(120,204,188)
```
#7888cc
```
#7888cc rgb(120,136,204)
```

Tetradic Color

#b49e44
```
#b49e44 rgb(180,158,68)
```
#beaa53
```
#beaa53 rgb(190,170,83)
```
#c5b365
```
#c5b365 rgb(197,179,101)
```
#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#d3c58b
```
#d3c58b rgb(211,197,139)
```
#dace9d
```
#dace9d rgb(218,206,157)
```
#e1d8b0
```
#e1d8b0 rgb(225,216,176)
```

Monochromatic Color

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

#cca778
```
#cca778 rgb(204,167,120)
```
#ccae78
```
#ccae78 rgb(204,174,120)
```
#ccb578
```
#ccb578 rgb(204,181,120)
```
#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#ccc378
```
#ccc378 rgb(204,195,120)
```
#ccca78
```
#ccca78 rgb(204,202,120)
```
#c7cc78
```
#c7cc78 rgb(199,204,120)
```

Similar Colors

Text with hexadecimal color #ccbc78

This text has a font color of #ccbc78.

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

#ccbc78 background color

This paragraph has a background color of #ccbc78.

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

#ccbc78 border color

This element has a border color of #ccbc78.

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

CSS codes

.text {color:#ccbc78;}

.background {background-color:#ccbc78;}

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

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 #fcfcf8 is the lightest one.

#070603
```
#070603 rgb(7,6,3)
```
#161308
```
#161308 rgb(22,19,8)
```
#24200e
```
#24200e rgb(36,32,14)
```
#322c13
```
#322c13 rgb(50,44,19)
```
#403918
```
#403918 rgb(64,57,24)
```
#4f451e
```
#4f451e rgb(79,69,30)
```
#5d5223
```
#5d5223 rgb(93,82,35)
```
#6b5e28
```
#6b5e28 rgb(107,94,40)
```
#796b2e
```
#796b2e rgb(121,107,46)
```
#887733
```
#887733 rgb(136,119,51)
```
#968439
```
#968439 rgb(150,132,57)
```
#a4913e
```
#a4913e rgb(164,145,62)
```
#b29d43
```
#b29d43 rgb(178,157,67)
```

Shade Color Variation

#bca74d
```
#bca74d rgb(188,167,77)
```
#c1ae5c
```
#c1ae5c rgb(193,174,92)
```
#c7b56a
```
#c7b56a rgb(199,181,106)
```
#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#d1c386
```
#d1c386 rgb(209,195,134)
```
#d7ca94
```
#d7ca94 rgb(215,202,148)
```
#dcd1a3
```
#dcd1a3 rgb(220,209,163)
```
#e2d8b1
```
#e2d8b1 rgb(226,216,177)
```
#e7dfbf
```
#e7dfbf rgb(231,223,191)
```
#ece6cd
```
#ece6cd rgb(236,230,205)
```
#f2eddc
```
#f2eddc rgb(242,237,220)
```
#f7f5ea
```
#f7f5ea rgb(247,245,234)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#a8a69c
```
#a8a69c rgb(168,166,156)
```
#afaa95
```
#afaa95 rgb(175,170,149)
```
#b7af8d
```
#b7af8d rgb(183,175,141)
```
#beb386
```
#beb386 rgb(190,179,134)
```
#c5b87f
```
#c5b87f rgb(197,184,127)
```
#ccbc78
```
#ccbc78 rgb(204,188,120)
```
#d3c071
```
#d3c071 rgb(211,192,113)
```
#dac56a
```
#dac56a rgb(218,197,106)
```
#e1c963
```
#e1c963 rgb(225,201,99)
```
#e9ce5b
```
#e9ce5b rgb(233,206,91)
```
#f0d254
```
#f0d254 rgb(240,210,84)
```
#f7d74d
```
#f7d74d rgb(247,215,77)
```
#fedb46
```
#fedb46 rgb(254,219,70)
```

Tone Color Variation

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

Dichromacy

#cfbf7e Protanopia 1% of men
#e4b781 Deuteranopia 1% of men
#d7b6c3 Tritanopia 0.001% of the population

Trichromacy

#cebe7c Protanomaly 1% of men, 0.01% of women
#dbb97e Deuteranomaly 6% of men, 0.4% of women
#d3b8a8 Tritanomaly 0.01% of the population

#ccbc78 hex color

#ccbc78 Color Information

#ccbc78 Color Conversion

Color Schemes with #ccbc78

Alternatives to #ccbc78

#ccbc78 Preview

Shades and Tints of #ccbc78

Tones of #ccbc78

Color Blindness Simulator