#ccbc60 hex color

In a RGB color space, hex #ccbc60 is composed of 80% red, 73.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 52.9% yellow and 20% black. It has a hue angle of 51.1 degrees, a saturation of 51.4% and a lightness of 58.8%. #ccbc60 color hex could be obtained by blending #ffffc0 with #997900. Closest websafe color is: #cccc66.

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

● #ccbc60 color description : Moderate yellow.

The hexadecimal color #ccbc60 has RGB values of R:204, G:188, B:96 and CMYK values of C:0, M:0.08, Y:0.53, K:0.2. Its decimal value is 13417568.

Hex triplet	ccbc60	`#ccbc60`
RGB Decimal	204, 188, 96	`rgb(204,188,96)`
RGB Percent	80, 73.7, 37.6	`rgb(80%,73.7%,37.6%)`
CMYK	0, 8, 53, 20
HSL	51.1°, 51.4, 58.8	`hsl(51.1,51.4%,58.8%)`
HSV (or HSB)	51.1°, 52.9, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.854, -6.233, 48.039
XYZ	44.996, 49.649, 18.279
xyY	0.398, 0.44, 49.649
CIE-LCH	75.854, 48.441, 97.393
CIE-LUV	75.854, 15.056, 59.896
Hunter-Lab	70.462, -9.321, 33.943
Binary	11001100, 10111100, 01100000

#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#6070cc
```
#6070cc rgb(96,112,204)
```

Complementary Color

#cc8660
```
#cc8660 rgb(204,134,96)
```
#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#a6cc60
```
#a6cc60 rgb(166,204,96)
```

Analogous Color

#8660cc
```
#8660cc rgb(134,96,204)
```
#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#60a6cc
```
#60a6cc rgb(96,166,204)
```

Split Complementary Color

#bc60cc
```
#bc60cc rgb(188,96,204)
```
#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#60ccbc
```
#60ccbc rgb(96,204,188)
```

Triadic Color

#cc6070
```
#cc6070 rgb(204,96,112)
```
#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#60ccbc
```
#60ccbc rgb(96,204,188)
```
#6070cc
```
#6070cc rgb(96,112,204)
```

Tetradic Color

#a99836
```
#a99836 rgb(169,152,54)
```
#bdaa3c
```
#bdaa3c rgb(189,170,60)
```
#c6b44d
```
#c6b44d rgb(198,180,77)
```
#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#d2c473
```
#d2c473 rgb(210,196,115)
```
#d8cc87
```
#d8cc87 rgb(216,204,135)
```
#dfd49a
```
#dfd49a rgb(223,212,154)
```

Monochromatic Color

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

#cca160
```
#cca160 rgb(204,161,96)
```
#ccaa60
```
#ccaa60 rgb(204,170,96)
```
#ccb360
```
#ccb360 rgb(204,179,96)
```
#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#ccc560
```
#ccc560 rgb(204,197,96)
```
#cacc60
```
#cacc60 rgb(202,204,96)
```
#c1cc60
```
#c1cc60 rgb(193,204,96)
```

Similar Colors

Text with hexadecimal color #ccbc60

This text has a font color of #ccbc60.

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

#ccbc60 background color

This paragraph has a background color of #ccbc60.

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

#ccbc60 border color

This element has a border color of #ccbc60.

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

CSS codes

.text {color:#ccbc60;}

.background {background-color:#ccbc60;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131106
```
#131106 rgb(19,17,6)
```
#221f0b
```
#221f0b rgb(34,31,11)
```
#312c10
```
#312c10 rgb(49,44,16)
```
#403914
```
#403914 rgb(64,57,20)
```
#4f4719
```
#4f4719 rgb(79,71,25)
```
#5d541e
```
#5d541e rgb(93,84,30)
```
#6c6123
```
#6c6123 rgb(108,97,35)
```
#7b6f28
```
#7b6f28 rgb(123,111,40)
```
#8a7c2c
```
#8a7c2c rgb(138,124,44)
```
#998a31
```
#998a31 rgb(153,138,49)
```
#a89736
```
#a89736 rgb(168,151,54)
```
#b7a43b
```
#b7a43b rgb(183,164,59)
```

Shade Color Variation

#c2af42
```
#c2af42 rgb(194,175,66)
```
#c7b651
```
#c7b651 rgb(199,182,81)
```
#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#d1c26f
```
#d1c26f rgb(209,194,111)
```
#d6c97e
```
#d6c97e rgb(214,201,126)
```
#dacf8d
```
#dacf8d rgb(218,207,141)
```
#dfd59b
```
#dfd59b rgb(223,213,155)
```
#e4dbaa
```
#e4dbaa rgb(228,219,170)
```
#e9e2b9
```
#e9e2b9 rgb(233,226,185)
```
#ede8c8
```
#ede8c8 rgb(237,232,200)
```
#f2eed7
```
#f2eed7 rgb(242,238,215)
```
#f7f4e6
```
#f7f4e6 rgb(247,244,230)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#9c9a90
```
#9c9a90 rgb(156,154,144)
```
#a4a088
```
#a4a088 rgb(164,160,136)
```
#aca580
```
#aca580 rgb(172,165,128)
```
#b4ab78
```
#b4ab78 rgb(180,171,120)
```
#bcb170
```
#bcb170 rgb(188,177,112)
```
#c4b668
```
#c4b668 rgb(196,182,104)
```
#ccbc60
```
#ccbc60 rgb(204,188,96)
```
#d4c258
```
#d4c258 rgb(212,194,88)
```
#dcc750
```
#dcc750 rgb(220,199,80)
```
#e4cd48
```
#e4cd48 rgb(228,205,72)
```
#ecd340
```
#ecd340 rgb(236,211,64)
```
#f4d838
```
#f4d838 rgb(244,216,56)
```
#fcde30
```
#fcde30 rgb(252,222,48)
```

Tone Color Variation

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

Dichromacy

#d1be68 Protanopia 1% of men
#e7b66b Deuteranopia 1% of men
#d8b5c2 Tritanopia 0.001% of the population

Trichromacy

#cfbd65 Protanomaly 1% of men, 0.01% of women
#ddb867 Deuteranomaly 6% of men, 0.4% of women
#d3b79e Tritanomaly 0.01% of the population

#ccbc60 hex color

#ccbc60 Color Information

#ccbc60 Color Conversion

Color Schemes with #ccbc60

Alternatives to #ccbc60

#ccbc60 Preview

Shades and Tints of #ccbc60

Tones of #ccbc60

Color Blindness Simulator