#ccb24c hex color

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

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

● #ccb24c color description : Moderate yellow.

The hexadecimal color #ccb24c has RGB values of R:204, G:178, B:76 and CMYK values of C:0, M:0.13, Y:0.63, K:0.2. Its decimal value is 13414988.

Hex triplet	ccb24c	`#ccb24c`
RGB Decimal	204, 178, 76	`rgb(204,178,76)`
RGB Percent	80, 69.8, 29.8	`rgb(80%,69.8%,29.8%)`
CMYK	0, 13, 63, 20
HSL	47.8°, 55.7, 54.9	`hsl(47.8,55.7%,54.9%)`
HSV (or HSB)	47.8°, 62.7, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.024, -2.504, 54.15
XYZ	42.127, 45.201, 13.343
xyY	0.418, 0.449, 45.201
CIE-LCH	73.024, 54.208, 92.648
CIE-LUV	73.024, 22.622, 63.432
Hunter-Lab	67.232, -5.809, 35.296
Binary	11001100, 10110010, 01001100

#ccb24c
```
#ccb24c rgb(204,178,76)
```
#4c66cc
```
#4c66cc rgb(76,102,204)
```

Complementary Color

#cc724c
```
#cc724c rgb(204,114,76)
```
#ccb24c
```
#ccb24c rgb(204,178,76)
```
#a6cc4c
```
#a6cc4c rgb(166,204,76)
```

Analogous Color

#724ccc
```
#724ccc rgb(114,76,204)
```
#ccb24c
```
#ccb24c rgb(204,178,76)
```
#4ca6cc
```
#4ca6cc rgb(76,166,204)
```

Split Complementary Color

#b24ccc
```
#b24ccc rgb(178,76,204)
```
#ccb24c
```
#ccb24c rgb(204,178,76)
```
#4cccb2
```
#4cccb2 rgb(76,204,178)
```

Triadic Color

#cc4c66
```
#cc4c66 rgb(204,76,102)
```
#ccb24c
```
#ccb24c rgb(204,178,76)
```
#4cccb2
```
#4cccb2 rgb(76,204,178)
```
#4c66cc
```
#4c66cc rgb(76,102,204)
```

Tetradic Color

#9e872d
```
#9e872d rgb(158,135,45)
```
#b29833
```
#b29833 rgb(178,152,51)
```
#c6a938
```
#c6a938 rgb(198,169,56)
```
#ccb24c
```
#ccb24c rgb(204,178,76)
```
#d2bb60
```
#d2bb60 rgb(210,187,96)
```
#d7c374
```
#d7c374 rgb(215,195,116)
```
#ddcc88
```
#ddcc88 rgb(221,204,136)
```

Monochromatic Color

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

#cc924c
```
#cc924c rgb(204,146,76)
```
#cc9d4c
```
#cc9d4c rgb(204,157,76)
```
#cca74c
```
#cca74c rgb(204,167,76)
```
#ccb24c
```
#ccb24c rgb(204,178,76)
```
#ccbd4c
```
#ccbd4c rgb(204,189,76)
```
#ccc74c
```
#ccc74c rgb(204,199,76)
```
#c6cc4c
```
#c6cc4c rgb(198,204,76)
```

Similar Colors

Text with hexadecimal color #ccb24c

This text has a font color of #ccb24c.

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

#ccb24c background color

This paragraph has a background color of #ccb24c.

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

#ccb24c border color

This element has a border color of #ccb24c.

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

CSS codes

.text {color:#ccb24c;}

.background {background-color:#ccb24c;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131106
```
#131106 rgb(19,17,6)
```
#231e0a
```
#231e0a rgb(35,30,10)
```
#322b0e
```
#322b0e rgb(50,43,14)
```
#413813
```
#413813 rgb(65,56,19)
```
#514517
```
#514517 rgb(81,69,23)
```
#60521b
```
#60521b rgb(96,82,27)
```
#6f5f20
```
#6f5f20 rgb(111,95,32)
```
#7e6c24
```
#7e6c24 rgb(126,108,36)
```
#8e7928
```
#8e7928 rgb(142,121,40)
```
#9d862d
```
#9d862d rgb(157,134,45)
```
#ac9331
```
#ac9331 rgb(172,147,49)
```
#bba035
```
#bba035 rgb(187,160,53)
```

Shade Color Variation

#c8ab3d
```
#c8ab3d rgb(200,171,61)
```
#ccb24c
```
#ccb24c rgb(204,178,76)
```
#d0b95b
```
#d0b95b rgb(208,185,91)
```
#d5bf6b
```
#d5bf6b rgb(213,191,107)
```
#d9c67a
```
#d9c67a rgb(217,198,122)
```
#ddcc89
```
#ddcc89 rgb(221,204,137)
```
#e2d398
```
#e2d398 rgb(226,211,152)
```
#e6d9a8
```
#e6d9a8 rgb(230,217,168)
```
#eae0b7
```
#eae0b7 rgb(234,224,183)
```
#efe7c6
```
#efe7c6 rgb(239,231,198)
```
#f3edd5
```
#f3edd5 rgb(243,237,213)
```
#f7f4e5
```
#f7f4e5 rgb(247,244,229)
```
#fcfaf4
```
#fcfaf4 rgb(252,250,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 #f8cc20 is the most saturated one.

#8e8d8a
```
#8e8d8a rgb(142,141,138)
```
#979281
```
#979281 rgb(151,146,129)
```
#a09878
```
#a09878 rgb(160,152,120)
```
#a99d6f
```
#a99d6f rgb(169,157,111)
```
#b1a267
```
#b1a267 rgb(177,162,103)
```
#baa75e
```
#baa75e rgb(186,167,94)
```
#c3ad55
```
#c3ad55 rgb(195,173,85)
```
#ccb24c
```
#ccb24c rgb(204,178,76)
```
#d5b743
```
#d5b743 rgb(213,183,67)
```
#debd3a
```
#debd3a rgb(222,189,58)
```
#e7c231
```
#e7c231 rgb(231,194,49)
```
#efc729
```
#efc729 rgb(239,199,41)
```
#f8cc20
```
#f8cc20 rgb(248,204,32)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b4af9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab755 Protanopia 1% of men
#e0ae57 Deuteranopia 1% of men
#d7abb7 Tritanopia 0.001% of the population

Trichromacy

#cbb552 Protanomaly 1% of men, 0.01% of women
#d9b053 Deuteranomaly 6% of men, 0.4% of women
#d3ad90 Tritanomaly 0.01% of the population

#ccb24c hex color

#ccb24c Color Information

#ccb24c Color Conversion

Color Schemes with #ccb24c

Alternatives to #ccb24c

#ccb24c Preview

Shades and Tints of #ccb24c

Tones of #ccb24c

Color Blindness Simulator