#ccbb74 hex color

In a RGB color space, hex #ccbb74 is composed of 80% red, 73.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 43.1% yellow and 20% black. It has a hue angle of 48.4 degrees, a saturation of 46.3% and a lightness of 62.7%. #ccbb74 color hex could be obtained by blending #ffffe8 with #997700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 73
- B 45
RGB color chart
- C 0
- M 8
- Y 43
- K 20
CMYK color chart

● #ccbb74 color description : Slightly desaturated yellow.

The hexadecimal color #ccbb74 has RGB values of R:204, G:187, B:116 and CMYK values of C:0, M:0.08, Y:0.43, K:0.2. Its decimal value is 13417332.

Hex triplet	ccbb74	`#ccbb74`
RGB Decimal	204, 187, 116	`rgb(204,187,116)`
RGB Percent	80, 73.3, 45.5	`rgb(80%,73.3%,45.5%)`
CMYK	0, 8, 43, 20
HSL	48.4°, 46.3, 62.7	`hsl(48.4,46.3%,62.7%)`
HSV (or HSB)	48.4°, 43.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.848, -3.833, 38.068
XYZ	45.824, 49.64, 23.69
xyY	0.385, 0.417, 49.64
CIE-LCH	75.848, 38.261, 95.749
CIE-LUV	75.848, 14.718, 49.549
Hunter-Lab	70.456, -7.201, 29.384
Binary	11001100, 10111011, 01110100

#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#7485cc
```
#7485cc rgb(116,133,204)
```

Complementary Color

#cc8f74
```
#cc8f74 rgb(204,143,116)
```
#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#b1cc74
```
#b1cc74 rgb(177,204,116)
```

Analogous Color

#8f74cc
```
#8f74cc rgb(143,116,204)
```
#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#74b1cc
```
#74b1cc rgb(116,177,204)
```

Split Complementary Color

#bb74cc
```
#bb74cc rgb(187,116,204)
```
#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#74ccbb
```
#74ccbb rgb(116,204,187)
```

Triadic Color

#cc7485
```
#cc7485 rgb(204,116,133)
```
#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#74ccbb
```
#74ccbb rgb(116,204,187)
```
#7485cc
```
#7485cc rgb(116,133,204)
```

Tetradic Color

#b29c41
```
#b29c41 rgb(178,156,65)
```
#bea94f
```
#bea94f rgb(190,169,79)
```
#c5b261
```
#c5b261 rgb(197,178,97)
```
#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#d3c487
```
#d3c487 rgb(211,196,135)
```
#dacd99
```
#dacd99 rgb(218,205,153)
```
#e1d6ac
```
#e1d6ac rgb(225,214,172)
```

Monochromatic Color

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

#cca574
```
#cca574 rgb(204,165,116)
```
#ccac74
```
#ccac74 rgb(204,172,116)
```
#ccb474
```
#ccb474 rgb(204,180,116)
```
#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#ccc274
```
#ccc274 rgb(204,194,116)
```
#ccca74
```
#ccca74 rgb(204,202,116)
```
#c7cc74
```
#c7cc74 rgb(199,204,116)
```

Similar Colors

Text with hexadecimal color #ccbb74

This text has a font color of #ccbb74.

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

#ccbb74 background color

This paragraph has a background color of #ccbb74.

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

#ccbb74 border color

This element has a border color of #ccbb74.

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

CSS codes

.text {color:#ccbb74;}

.background {background-color:#ccbb74;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#131107
```
#131107 rgb(19,17,7)
```
#211d0c
```
#211d0c rgb(33,29,12)
```
#302a11
```
#302a11 rgb(48,42,17)
```
#3e3617
```
#3e3617 rgb(62,54,23)
```
#4c431c
```
#4c431c rgb(76,67,28)
```
#5b5021
```
#5b5021 rgb(91,80,33)
```
#695c27
```
#695c27 rgb(105,92,39)
```
#77692c
```
#77692c rgb(119,105,44)
```
#867531
```
#867531 rgb(134,117,49)
```
#948236
```
#948236 rgb(148,130,54)
```
#a28e3c
```
#a28e3c rgb(162,142,60)
```
#b19b41
```
#b19b41 rgb(177,155,65)
```

Shade Color Variation

#bca649
```
#bca649 rgb(188,166,73)
```
#c1ad57
```
#c1ad57 rgb(193,173,87)
```
#c7b466
```
#c7b466 rgb(199,180,102)
```
#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#d1c282
```
#d1c282 rgb(209,194,130)
```
#d7c991
```
#d7c991 rgb(215,201,145)
```
#dcd09f
```
#dcd09f rgb(220,208,159)
```
#e1d7ad
```
#e1d7ad rgb(225,215,173)
```
#e6debc
```
#e6debc rgb(230,222,188)
```
#ece5ca
```
#ece5ca rgb(236,229,202)
```
#f1ecd8
```
#f1ecd8 rgb(241,236,216)
```
#f6f3e7
```
#f6f3e7 rgb(246,243,231)
```
#fbfaf5
```
#fbfaf5 rgb(251,250,245)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#a7a599
```
#a7a599 rgb(167,165,153)
```
#afa991
```
#afa991 rgb(175,169,145)
```
#b6ae8a
```
#b6ae8a rgb(182,174,138)
```
#bdb283
```
#bdb283 rgb(189,178,131)
```
#c5b77b
```
#c5b77b rgb(197,183,123)
```
#ccbb74
```
#ccbb74 rgb(204,187,116)
```
#d3bf6d
```
#d3bf6d rgb(211,191,109)
```
#dbc465
```
#dbc465 rgb(219,196,101)
```
#e2c85e
```
#e2c85e rgb(226,200,94)
```
#e9cd57
```
#e9cd57 rgb(233,205,87)
```
#f1d14f
```
#f1d14f rgb(241,209,79)
```
#f8d648
```
#f8d648 rgb(248,214,72)
```

Tone Color Variation

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

Dichromacy

#cfbe7b Protanopia 1% of men
#e3b67d Deuteranopia 1% of men
#d7b5c2 Tritanopia 0.001% of the population

Trichromacy

#cdbd78 Protanomaly 1% of men, 0.01% of women
#dbb87a Deuteranomaly 6% of men, 0.4% of women
#d3b7a5 Tritanomaly 0.01% of the population

#ccbb74 hex color

#ccbb74 Color Information

#ccbb74 Color Conversion

Color Schemes with #ccbb74

Alternatives to #ccbb74

#ccbb74 Preview

Shades and Tints of #ccbb74

Tones of #ccbb74

Color Blindness Simulator