#ccbc5a hex color

In a RGB color space, hex #ccbc5a is composed of 80% red, 73.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 55.9% yellow and 20% black. It has a hue angle of 51.6 degrees, a saturation of 52.8% and a lightness of 57.6%. #ccbc5a color hex could be obtained by blending #ffffb4 with #997900. Closest websafe color is: #cccc66.

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

● #ccbc5a color description : Moderate yellow.

The hexadecimal color #ccbc5a has RGB values of R:204, G:188, B:90 and CMYK values of C:0, M:0.08, Y:0.56, K:0.2. Its decimal value is 13417562.

Hex triplet	ccbc5a	`#ccbc5a`
RGB Decimal	204, 188, 90	`rgb(204,188,90)`
RGB Percent	80, 73.7, 35.3	`rgb(80%,73.7%,35.3%)`
CMYK	0, 8, 56, 20
HSL	51.6°, 52.8, 57.6	`hsl(51.6,52.8%,57.6%)`
HSV (or HSB)	51.6°, 55.9, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.788, -6.719, 50.817
XYZ	44.731, 49.543, 16.879
xyY	0.402, 0.446, 49.543
CIE-LCH	75.788, 51.259, 97.532
CIE-LUV	75.788, 15.311, 62.488
Hunter-Lab	70.387, -9.741, 35.053
Binary	11001100, 10111100, 01011010

#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#5a6acc
```
#5a6acc rgb(90,106,204)
```

Complementary Color

#cc835a
```
#cc835a rgb(204,131,90)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#a3cc5a
```
#a3cc5a rgb(163,204,90)
```

Analogous Color

#835acc
```
#835acc rgb(131,90,204)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#5aa3cc
```
#5aa3cc rgb(90,163,204)
```

Split Complementary Color

#bc5acc
```
#bc5acc rgb(188,90,204)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#5accbc
```
#5accbc rgb(90,204,188)
```

Triadic Color

#cc5a6a
```
#cc5a6a rgb(204,90,106)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#5accbc
```
#5accbc rgb(90,204,188)
```
#5a6acc
```
#5a6acc rgb(90,106,204)
```

Tetradic Color

#a69633
```
#a69633 rgb(166,150,51)
```
#baa839
```
#baa839 rgb(186,168,57)
```
#c6b447
```
#c6b447 rgb(198,180,71)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#d2c46d
```
#d2c46d rgb(210,196,109)
```
#d8cc81
```
#d8cc81 rgb(216,204,129)
```
#ded494
```
#ded494 rgb(222,212,148)
```

Monochromatic Color

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

#cca05a
```
#cca05a rgb(204,160,90)
```
#cca95a
```
#cca95a rgb(204,169,90)
```
#ccb35a
```
#ccb35a rgb(204,179,90)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#ccc65a
```
#ccc65a rgb(204,198,90)
```
#c9cc5a
```
#c9cc5a rgb(201,204,90)
```
#c0cc5a
```
#c0cc5a rgb(192,204,90)
```

Similar Colors

Text with hexadecimal color #ccbc5a

This text has a font color of #ccbc5a.

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

#ccbc5a background color

This paragraph has a background color of #ccbc5a.

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

#ccbc5a border color

This element has a border color of #ccbc5a.

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

CSS codes

.text {color:#ccbc5a;}

.background {background-color:#ccbc5a;}

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

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

#0f0d05
```
#0f0d05 rgb(15,13,5)
```
#1e1b09
```
#1e1b09 rgb(30,27,9)
```
#2d280e
```
#2d280e rgb(45,40,14)
```
#3c3612
```
#3c3612 rgb(60,54,18)
```
#4b4317
```
#4b4317 rgb(75,67,23)
```
#5a511c
```
#5a511c rgb(90,81,28)
```
#695f20
```
#695f20 rgb(105,95,32)
```
#786c25
```
#786c25 rgb(120,108,37)
```
#877a2a
```
#877a2a rgb(135,122,42)
```
#96872e
```
#96872e rgb(150,135,46)
```
#a59533
```
#a59533 rgb(165,149,51)
```
#b4a238
```
#b4a238 rgb(180,162,56)
```
#c3b03c
```
#c3b03c rgb(195,176,60)
```

Shade Color Variation

#c7b64b
```
#c7b64b rgb(199,182,75)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#d1c269
```
#d1c269 rgb(209,194,105)
```
#d5c878
```
#d5c878 rgb(213,200,120)
```
#dace87
```
#dace87 rgb(218,206,135)
```
#dfd496
```
#dfd496 rgb(223,212,150)
```
#e3daa5
```
#e3daa5 rgb(227,218,165)
```
#e8e1b4
```
#e8e1b4 rgb(232,225,180)
```
#ece7c3
```
#ece7c3 rgb(236,231,195)
```
#f1edd2
```
#f1edd2 rgb(241,237,210)
```
#f6f3e1
```
#f6f3e1 rgb(246,243,225)
```
#faf9f0
```
#faf9f0 rgb(250,249,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9a988c
```
#9a988c rgb(154,152,140)
```
#a29e84
```
#a29e84 rgb(162,158,132)
```
#aba47b
```
#aba47b rgb(171,164,123)
```
#b3aa73
```
#b3aa73 rgb(179,170,115)
```
#bbb06b
```
#bbb06b rgb(187,176,107)
```
#c4b662
```
#c4b662 rgb(196,182,98)
```
#ccbc5a
```
#ccbc5a rgb(204,188,90)
```
#d4c252
```
#d4c252 rgb(212,194,82)
```
#ddc849
```
#ddc849 rgb(221,200,73)
```
#e5ce41
```
#e5ce41 rgb(229,206,65)
```
#edd439
```
#edd439 rgb(237,212,57)
```
#f6da30
```
#f6da30 rgb(246,218,48)
```
#fee028
```
#fee028 rgb(254,224,40)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#bab7a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1be62 Protanopia 1% of men
#e7b565 Deuteranopia 1% of men
#d8b5c1 Tritanopia 0.001% of the population

Trichromacy

#cfbd5f Protanomaly 1% of men, 0.01% of women
#ddb861 Deuteranomaly 6% of men, 0.4% of women
#d4b79c Tritanomaly 0.01% of the population

#ccbc5a hex color

#ccbc5a Color Information

#ccbc5a Color Conversion

Color Schemes with #ccbc5a

Alternatives to #ccbc5a

#ccbc5a Preview

Shades and Tints of #ccbc5a

Tones of #ccbc5a

Color Blindness Simulator