#ccb524 hex color

In a RGB color space, hex #ccb524 is composed of 80% red, 71% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 82.4% yellow and 20% black. It has a hue angle of 51.8 degrees, a saturation of 70% and a lightness of 47.1%. #ccb524 color hex could be obtained by blending #ffff48 with #996b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 71
- B 14
RGB color chart
- C 0
- M 11
- Y 82
- K 20
CMYK color chart

● #ccb524 color description : Strong yellow.

The hexadecimal color #ccb524 has RGB values of R:204, G:181, B:36 and CMYK values of C:0, M:0.11, Y:0.82, K:0.2. Its decimal value is 13415716.

Hex triplet	ccb524	`#ccb524`
RGB Decimal	204, 181, 36	`rgb(204,181,36)`
RGB Percent	80, 71, 14.1	`rgb(80%,71%,14.1%)`
CMYK	0, 11, 82, 20
HSL	51.8°, 70, 47.1	`hsl(51.8,70%,47.1%)`
HSV (or HSB)	51.8°, 82.4, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.555, -5.947, 69.427
XYZ	41.745, 46.014, 8.352
xyY	0.434, 0.479, 46.014
CIE-LCH	73.555, 69.681, 94.896
CIE-LUV	73.555, 21.741, 75.271
Hunter-Lab	67.834, -8.86, 40.184
Binary	11001100, 10110101, 00100100

#ccb524
```
#ccb524 rgb(204,181,36)
```
#243bcc
```
#243bcc rgb(36,59,204)
```

Complementary Color

#cc6124
```
#cc6124 rgb(204,97,36)
```
#ccb524
```
#ccb524 rgb(204,181,36)
```
#8fcc24
```
#8fcc24 rgb(143,204,36)
```

Analogous Color

#6124cc
```
#6124cc rgb(97,36,204)
```
#ccb524
```
#ccb524 rgb(204,181,36)
```
#248fcc
```
#248fcc rgb(36,143,204)
```

Split Complementary Color

#b524cc
```
#b524cc rgb(181,36,204)
```
#ccb524
```
#ccb524 rgb(204,181,36)
```
#24ccb5
```
#24ccb5 rgb(36,204,181)
```

Triadic Color

#cc243b
```
#cc243b rgb(204,36,59)
```
#ccb524
```
#ccb524 rgb(204,181,36)
```
#24ccb5
```
#24ccb5 rgb(36,204,181)
```
#243bcc
```
#243bcc rgb(36,59,204)
```

Tetradic Color

#8b7b19
```
#8b7b19 rgb(139,123,25)
```
#a18f1c
```
#a18f1c rgb(161,143,28)
```
#b6a220
```
#b6a220 rgb(182,162,32)
```
#ccb524
```
#ccb524 rgb(204,181,36)
```
#dac32f
```
#dac32f rgb(218,195,47)
```
#dec945
```
#dec945 rgb(222,201,69)
```
#e2cf5b
```
#e2cf5b rgb(226,207,91)
```

Monochromatic Color

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

#cc8b24
```
#cc8b24 rgb(204,139,36)
```
#cc9924
```
#cc9924 rgb(204,153,36)
```
#cca724
```
#cca724 rgb(204,167,36)
```
#ccb524
```
#ccb524 rgb(204,181,36)
```
#ccc324
```
#ccc324 rgb(204,195,36)
```
#c7cc24
```
#c7cc24 rgb(199,204,36)
```
#b9cc24
```
#b9cc24 rgb(185,204,36)
```

Similar Colors

Text with hexadecimal color #ccb524

This text has a font color of #ccb524.

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

#ccb524 background color

This paragraph has a background color of #ccb524.

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

#ccb524 border color

This element has a border color of #ccb524.

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

CSS codes

.text {color:#ccb524;}

.background {background-color:#ccb524;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#151204
```
#151204 rgb(21,18,4)
```
#252107
```
#252107 rgb(37,33,7)
```
#36300a
```
#36300a rgb(54,48,10)
```
#473f0c
```
#473f0c rgb(71,63,12)
```
#574d0f
```
#574d0f rgb(87,77,15)
```
#685c12
```
#685c12 rgb(104,92,18)
```
#796b15
```
#796b15 rgb(121,107,21)
```
#897a18
```
#897a18 rgb(137,122,24)
```
#9a891b
```
#9a891b rgb(154,137,27)
```
#ab971e
```
#ab971e rgb(171,151,30)
```
#bba621
```
#bba621 rgb(187,166,33)
```
#ccb524
```
#ccb524 rgb(204,181,36)
```

Shade Color Variation

#d9c12a
```
#d9c12a rgb(217,193,42)
```
#dcc63b
```
#dcc63b rgb(220,198,59)
```
#dfcb4c
```
#dfcb4c rgb(223,203,76)
```
#e2d05c
```
#e2d05c rgb(226,208,92)
```
#e5d56d
```
#e5d56d rgb(229,213,109)
```
#e8da7e
```
#e8da7e rgb(232,218,126)
```
#ebde8e
```
#ebde8e rgb(235,222,142)
```
#eee39f
```
#eee39f rgb(238,227,159)
```
#f1e8b0
```
#f1e8b0 rgb(241,232,176)
```
#f4edc0
```
#f4edc0 rgb(244,237,192)
```
#f7f2d1
```
#f7f2d1 rgb(247,242,209)
```
#faf6e2
```
#faf6e2 rgb(250,246,226)
```
#fdfbf2
```
#fdfbf2 rgb(253,251,242)
```

Tint Color Variation

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

#797977
```
#797977 rgb(121,121,119)
```
#827f6e
```
#827f6e rgb(130,127,110)
```
#8b8665
```
#8b8665 rgb(139,134,101)
```
#958d5b
```
#958d5b rgb(149,141,91)
```
#9e9352
```
#9e9352 rgb(158,147,82)
```
#a79a49
```
#a79a49 rgb(167,154,73)
```
#b0a140
```
#b0a140 rgb(176,161,64)
```
#baa836
```
#baa836 rgb(186,168,54)
```
#c3ae2d
```
#c3ae2d rgb(195,174,45)
```
#ccb524
```
#ccb524 rgb(204,181,36)
```
#d5bc1b
```
#d5bc1b rgb(213,188,27)
```
#dec212
```
#dec212 rgb(222,194,18)
```
#e8c908
```
#e8c908 rgb(232,201,8)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b2ad90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb82f Protanopia 1% of men
#e5af34 Deuteranopia 1% of men
#d9acb9 Tritanopia 0.001% of the population

Trichromacy

#cdb72b Protanomaly 1% of men, 0.01% of women
#dcb12e Deuteranomaly 6% of men, 0.4% of women
#d4af82 Tritanomaly 0.01% of the population

#ccb524 hex color

#ccb524 Color Information

#ccb524 Color Conversion

Color Schemes with #ccb524

Alternatives to #ccb524

#ccb524 Preview

Shades and Tints of #ccb524

Tones of #ccb524

Color Blindness Simulator