#ccb94c hex color

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

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

● #ccb94c color description : Moderate yellow.

The hexadecimal color #ccb94c has RGB values of R:204, G:185, B:76 and CMYK values of C:0, M:0.09, Y:0.63, K:0.2. Its decimal value is 13416780.

Hex triplet	ccb94c	`#ccb94c`
RGB Decimal	204, 185, 76	`rgb(204,185,76)`
RGB Percent	80, 72.5, 29.8	`rgb(80%,72.5%,29.8%)`
CMYK	0, 9, 63, 20
HSL	51.1°, 55.7, 54.9	`hsl(51.1,55.7%,54.9%)`
HSV (or HSB)	51.1°, 62.7, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.862, -6.163, 56.15
XYZ	43.555, 48.058, 13.819
xyY	0.413, 0.456, 48.058
CIE-LCH	74.862, 56.487, 96.263
CIE-LUV	74.862, 17.855, 66.538
Hunter-Lab	69.324, -9.168, 36.708
Binary	11001100, 10111001, 01001100

#ccb94c
```
#ccb94c rgb(204,185,76)
```
#4c5fcc
```
#4c5fcc rgb(76,95,204)
```

Complementary Color

#cc794c
```
#cc794c rgb(204,121,76)
```
#ccb94c
```
#ccb94c rgb(204,185,76)
```
#9fcc4c
```
#9fcc4c rgb(159,204,76)
```

Analogous Color

#794ccc
```
#794ccc rgb(121,76,204)
```
#ccb94c
```
#ccb94c rgb(204,185,76)
```
#4c9fcc
```
#4c9fcc rgb(76,159,204)
```

Split Complementary Color

#b94ccc
```
#b94ccc rgb(185,76,204)
```
#ccb94c
```
#ccb94c rgb(204,185,76)
```
#4cccb9
```
#4cccb9 rgb(76,204,185)
```

Triadic Color

#cc4c5f
```
#cc4c5f rgb(204,76,95)
```
#ccb94c
```
#ccb94c rgb(204,185,76)
```
#4cccb9
```
#4cccb9 rgb(76,204,185)
```
#4c5fcc
```
#4c5fcc rgb(76,95,204)
```

Tetradic Color

#9e8e2d
```
#9e8e2d rgb(158,142,45)
```
#b29f33
```
#b29f33 rgb(178,159,51)
```
#c6b138
```
#c6b138 rgb(198,177,56)
```
#ccb94c
```
#ccb94c rgb(204,185,76)
```
#d2c160
```
#d2c160 rgb(210,193,96)
```
#d7c974
```
#d7c974 rgb(215,201,116)
```
#ddd088
```
#ddd088 rgb(221,208,136)
```

Monochromatic Color

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

#cc994c
```
#cc994c rgb(204,153,76)
```
#cca44c
```
#cca44c rgb(204,164,76)
```
#ccae4c
```
#ccae4c rgb(204,174,76)
```
#ccb94c
```
#ccb94c rgb(204,185,76)
```
#ccc44c
```
#ccc44c rgb(204,196,76)
```
#cacc4c
```
#cacc4c rgb(202,204,76)
```
#bfcc4c
```
#bfcc4c rgb(191,204,76)
```

Similar Colors

Text with hexadecimal color #ccb94c

This text has a font color of #ccb94c.

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

#ccb94c background color

This paragraph has a background color of #ccb94c.

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

#ccb94c border color

This element has a border color of #ccb94c.

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

CSS codes

.text {color:#ccb94c;}

.background {background-color:#ccb94c;}

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

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)
```
#322d0e
```
#322d0e rgb(50,45,14)
```
#413a13
```
#413a13 rgb(65,58,19)
```
#514817
```
#514817 rgb(81,72,23)
```
#60561b
```
#60561b rgb(96,86,27)
```
#6f6320
```
#6f6320 rgb(111,99,32)
```
#7e7124
```
#7e7124 rgb(126,113,36)
```
#8e7f28
```
#8e7f28 rgb(142,127,40)
```
#9d8c2d
```
#9d8c2d rgb(157,140,45)
```
#ac9a31
```
#ac9a31 rgb(172,154,49)
```
#bba735
```
#bba735 rgb(187,167,53)
```

Shade Color Variation

#c8b33d
```
#c8b33d rgb(200,179,61)
```
#ccb94c
```
#ccb94c rgb(204,185,76)
```
#d0bf5b
```
#d0bf5b rgb(208,191,91)
```
#d5c56b
```
#d5c56b rgb(213,197,107)
```
#d9cb7a
```
#d9cb7a rgb(217,203,122)
```
#ddd189
```
#ddd189 rgb(221,209,137)
```
#e2d798
```
#e2d798 rgb(226,215,152)
```
#e6dda8
```
#e6dda8 rgb(230,221,168)
```
#eae3b7
```
#eae3b7 rgb(234,227,183)
```
#efe9c6
```
#efe9c6 rgb(239,233,198)
```
#f3efd5
```
#f3efd5 rgb(243,239,213)
```
#f7f5e5
```
#f7f5e5 rgb(247,245,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 #f8d820 is the most saturated one.

#8e8d8a
```
#8e8d8a rgb(142,141,138)
```
#979481
```
#979481 rgb(151,148,129)
```
#a09a78
```
#a09a78 rgb(160,154,120)
```
#a9a06f
```
#a9a06f rgb(169,160,111)
```
#b1a667
```
#b1a667 rgb(177,166,103)
```
#baad5e
```
#baad5e rgb(186,173,94)
```
#c3b355
```
#c3b355 rgb(195,179,85)
```
#ccb94c
```
#ccb94c rgb(204,185,76)
```
#d5bf43
```
#d5bf43 rgb(213,191,67)
```
#dec53a
```
#dec53a rgb(222,197,58)
```
#e7cc31
```
#e7cc31 rgb(231,204,49)
```
#efd229
```
#efd229 rgb(239,210,41)
```
#f8d820
```
#f8d820 rgb(248,216,32)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b7b39e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bc55 Protanopia 1% of men
#e6b358 Deuteranopia 1% of men
#d8b1be Tritanopia 0.001% of the population

Trichromacy

#cebb51 Protanomaly 1% of men, 0.01% of women
#dcb554 Deuteranomaly 6% of men, 0.4% of women
#d4b494 Tritanomaly 0.01% of the population

#ccb94c hex color

#ccb94c Color Information

#ccb94c Color Conversion

Color Schemes with #ccb94c

Alternatives to #ccb94c

#ccb94c Preview

Shades and Tints of #ccb94c

Tones of #ccb94c

Color Blindness Simulator