#ccb74c hex color

In a RGB color space, hex #ccb74c is composed of 80% red, 71.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 62.7% yellow and 20% black. It has a hue angle of 50.2 degrees, a saturation of 55.7% and a lightness of 54.9%. #ccb74c color hex could be obtained by blending #ffff98 with #996f00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 72
- B 30
RGB color chart
- C 0
- M 10
- Y 63
- K 20
CMYK color chart

● #ccb74c color description : Moderate yellow.

The hexadecimal color #ccb74c has RGB values of R:204, G:183, B:76 and CMYK values of C:0, M:0.1, Y:0.63, K:0.2. Its decimal value is 13416268.

Hex triplet	ccb74c	`#ccb74c`
RGB Decimal	204, 183, 76	`rgb(204,183,76)`
RGB Percent	80, 71.8, 29.8	`rgb(80%,71.8%,29.8%)`
CMYK	0, 10, 63, 20
HSL	50.2°, 55.7, 54.9	`hsl(50.2,55.7%,54.9%)`
HSV (or HSB)	50.2°, 62.7, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.335, -5.122, 55.578
XYZ	43.14, 47.227, 13.681
xyY	0.415, 0.454, 47.227
CIE-LCH	74.335, 55.814, 95.265
CIE-LUV	74.335, 19.207, 65.652
Hunter-Lab	68.722, -8.211, 36.303
Binary	11001100, 10110111, 01001100

#ccb74c
```
#ccb74c rgb(204,183,76)
```
#4c61cc
```
#4c61cc rgb(76,97,204)
```

Complementary Color

#cc774c
```
#cc774c rgb(204,119,76)
```
#ccb74c
```
#ccb74c rgb(204,183,76)
```
#a1cc4c
```
#a1cc4c rgb(161,204,76)
```

Analogous Color

#774ccc
```
#774ccc rgb(119,76,204)
```
#ccb74c
```
#ccb74c rgb(204,183,76)
```
#4ca1cc
```
#4ca1cc rgb(76,161,204)
```

Split Complementary Color

#b74ccc
```
#b74ccc rgb(183,76,204)
```
#ccb74c
```
#ccb74c rgb(204,183,76)
```
#4cccb7
```
#4cccb7 rgb(76,204,183)
```

Triadic Color

#cc4c61
```
#cc4c61 rgb(204,76,97)
```
#ccb74c
```
#ccb74c rgb(204,183,76)
```
#4cccb7
```
#4cccb7 rgb(76,204,183)
```
#4c61cc
```
#4c61cc rgb(76,97,204)
```

Tetradic Color

#9e8c2d
```
#9e8c2d rgb(158,140,45)
```
#b29d33
```
#b29d33 rgb(178,157,51)
```
#c6af38
```
#c6af38 rgb(198,175,56)
```
#ccb74c
```
#ccb74c rgb(204,183,76)
```
#d2bf60
```
#d2bf60 rgb(210,191,96)
```
#d7c774
```
#d7c774 rgb(215,199,116)
```
#ddcf88
```
#ddcf88 rgb(221,207,136)
```

Monochromatic Color

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

#cc974c
```
#cc974c rgb(204,151,76)
```
#cca24c
```
#cca24c rgb(204,162,76)
```
#ccac4c
```
#ccac4c rgb(204,172,76)
```
#ccb74c
```
#ccb74c rgb(204,183,76)
```
#ccc24c
```
#ccc24c rgb(204,194,76)
```
#cccc4c
```
#cccc4c rgb(204,204,76)
```
#c1cc4c
```
#c1cc4c rgb(193,204,76)
```

Similar Colors

Text with hexadecimal color #ccb74c

This text has a font color of #ccb74c.

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

#ccb74c background color

This paragraph has a background color of #ccb74c.

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

#ccb74c border color

This element has a border color of #ccb74c.

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

CSS codes

.text {color:#ccb74c;}

.background {background-color:#ccb74c;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131106
```
#131106 rgb(19,17,6)
```
#231f0a
```
#231f0a rgb(35,31,10)
```
#322c0e
```
#322c0e rgb(50,44,14)
```
#413a13
```
#413a13 rgb(65,58,19)
```
#514717
```
#514717 rgb(81,71,23)
```
#60551b
```
#60551b rgb(96,85,27)
```
#6f6220
```
#6f6220 rgb(111,98,32)
```
#7e6f24
```
#7e6f24 rgb(126,111,36)
```
#8e7d28
```
#8e7d28 rgb(142,125,40)
```
#9d8a2d
```
#9d8a2d rgb(157,138,45)
```
#ac9831
```
#ac9831 rgb(172,152,49)
```
#bba535
```
#bba535 rgb(187,165,53)
```

Shade Color Variation

#c8b13d
```
#c8b13d rgb(200,177,61)
```
#ccb74c
```
#ccb74c rgb(204,183,76)
```
#d0bd5b
```
#d0bd5b rgb(208,189,91)
```
#d5c36b
```
#d5c36b rgb(213,195,107)
```
#d9c97a
```
#d9c97a rgb(217,201,122)
```
#ddd089
```
#ddd089 rgb(221,208,137)
```
#e2d698
```
#e2d698 rgb(226,214,152)
```
#e6dca8
```
#e6dca8 rgb(230,220,168)
```
#eae2b7
```
#eae2b7 rgb(234,226,183)
```
#efe8c6
```
#efe8c6 rgb(239,232,198)
```
#f3eed5
```
#f3eed5 rgb(243,238,213)
```
#f7f4e5
```
#f7f4e5 rgb(247,244,229)
```
#fcfbf4
```
#fcfbf4 rgb(252,251,244)
```

Tint Color Variation

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

#8e8d8a
```
#8e8d8a rgb(142,141,138)
```
#979381
```
#979381 rgb(151,147,129)
```
#a09978
```
#a09978 rgb(160,153,120)
```
#a99f6f
```
#a99f6f rgb(169,159,111)
```
#b1a567
```
#b1a567 rgb(177,165,103)
```
#baab5e
```
#baab5e rgb(186,171,94)
```
#c3b155
```
#c3b155 rgb(195,177,85)
```
#ccb74c
```
#ccb74c rgb(204,183,76)
```
#d5bd43
```
#d5bd43 rgb(213,189,67)
```
#dec33a
```
#dec33a rgb(222,195,58)
```
#e7c931
```
#e7c931 rgb(231,201,49)
```
#efcf29
```
#efcf29 rgb(239,207,41)
```
#f8d520
```
#f8d520 rgb(248,213,32)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b29d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceba55 Protanopia 1% of men
#e4b258 Deuteranopia 1% of men
#d8afbc Tritanopia 0.001% of the population

Trichromacy

#cdb951 Protanomaly 1% of men, 0.01% of women
#dbb353 Deuteranomaly 6% of men, 0.4% of women
#d4b293 Tritanomaly 0.01% of the population

#ccb74c hex color

#ccb74c Color Information

#ccb74c Color Conversion

Color Schemes with #ccb74c

Alternatives to #ccb74c

#ccb74c Preview

Shades and Tints of #ccb74c

Tones of #ccb74c

Color Blindness Simulator