#ccb424 hex color

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

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

● #ccb424 color description : Strong yellow.

The hexadecimal color #ccb424 has RGB values of R:204, G:180, B:36 and CMYK values of C:0, M:0.12, Y:0.82, K:0.2. Its decimal value is 13415460.

Hex triplet	ccb424	`#ccb424`
RGB Decimal	204, 180, 36	`rgb(204,180,36)`
RGB Percent	80, 70.6, 14.1	`rgb(80%,70.6%,14.1%)`
CMYK	0, 12, 82, 20
HSL	51.4°, 70, 47.1	`hsl(51.4,70%,47.1%)`
HSV (or HSB)	51.4°, 82.4, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.291, -5.426, 69.202
XYZ	41.542, 45.609, 8.284
xyY	0.435, 0.478, 45.609
CIE-LCH	73.291, 69.415, 94.483
CIE-LUV	73.291, 22.45, 74.875
Hunter-Lab	67.534, -8.385, 40.001
Binary	11001100, 10110100, 00100100

#ccb424
```
#ccb424 rgb(204,180,36)
```
#243ccc
```
#243ccc rgb(36,60,204)
```

Complementary Color

#cc6024
```
#cc6024 rgb(204,96,36)
```
#ccb424
```
#ccb424 rgb(204,180,36)
```
#90cc24
```
#90cc24 rgb(144,204,36)
```

Analogous Color

#6024cc
```
#6024cc rgb(96,36,204)
```
#ccb424
```
#ccb424 rgb(204,180,36)
```
#2490cc
```
#2490cc rgb(36,144,204)
```

Split Complementary Color

#b424cc
```
#b424cc rgb(180,36,204)
```
#ccb424
```
#ccb424 rgb(204,180,36)
```
#24ccb4
```
#24ccb4 rgb(36,204,180)
```

Triadic Color

#cc243c
```
#cc243c rgb(204,36,60)
```
#ccb424
```
#ccb424 rgb(204,180,36)
```
#24ccb4
```
#24ccb4 rgb(36,204,180)
```
#243ccc
```
#243ccc rgb(36,60,204)
```

Tetradic Color

#8b7b19
```
#8b7b19 rgb(139,123,25)
```
#a18e1c
```
#a18e1c rgb(161,142,28)
```
#b6a120
```
#b6a120 rgb(182,161,32)
```
#ccb424
```
#ccb424 rgb(204,180,36)
```
#dac22f
```
#dac22f rgb(218,194,47)
```
#dec845
```
#dec845 rgb(222,200,69)
```
#e2cf5b
```
#e2cf5b rgb(226,207,91)
```

Monochromatic Color

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

#cc8a24
```
#cc8a24 rgb(204,138,36)
```
#cc9824
```
#cc9824 rgb(204,152,36)
```
#cca624
```
#cca624 rgb(204,166,36)
```
#ccb424
```
#ccb424 rgb(204,180,36)
```
#ccc224
```
#ccc224 rgb(204,194,36)
```
#c8cc24
```
#c8cc24 rgb(200,204,36)
```
#bacc24
```
#bacc24 rgb(186,204,36)
```

Similar Colors

Text with hexadecimal color #ccb424

This text has a font color of #ccb424.

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

#ccb424 background color

This paragraph has a background color of #ccb424.

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

#ccb424 border color

This element has a border color of #ccb424.

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

CSS codes

.text {color:#ccb424;}

.background {background-color:#ccb424;}

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

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)
```
#473e0c
```
#473e0c rgb(71,62,12)
```
#574d0f
```
#574d0f rgb(87,77,15)
```
#685c12
```
#685c12 rgb(104,92,18)
```
#796a15
```
#796a15 rgb(121,106,21)
```
#897918
```
#897918 rgb(137,121,24)
```
#9a881b
```
#9a881b rgb(154,136,27)
```
#ab971e
```
#ab971e rgb(171,151,30)
```
#bba521
```
#bba521 rgb(187,165,33)
```
#ccb424
```
#ccb424 rgb(204,180,36)
```

Shade Color Variation

#d9c02a
```
#d9c02a rgb(217,192,42)
```
#dcc53b
```
#dcc53b rgb(220,197,59)
```
#dfca4c
```
#dfca4c rgb(223,202,76)
```
#e2cf5c
```
#e2cf5c rgb(226,207,92)
```
#e5d46d
```
#e5d46d rgb(229,212,109)
```
#e8d97e
```
#e8d97e rgb(232,217,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)
```
#f7f1d1
```
#f7f1d1 rgb(247,241,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 #e8c808 is the most saturated one.

#797977
```
#797977 rgb(121,121,119)
```
#827f6e
```
#827f6e rgb(130,127,110)
```
#8b8665
```
#8b8665 rgb(139,134,101)
```
#958c5b
```
#958c5b rgb(149,140,91)
```
#9e9352
```
#9e9352 rgb(158,147,82)
```
#a79a49
```
#a79a49 rgb(167,154,73)
```
#b0a040
```
#b0a040 rgb(176,160,64)
```
#baa736
```
#baa736 rgb(186,167,54)
```
#c3ad2d
```
#c3ad2d rgb(195,173,45)
```
#ccb424
```
#ccb424 rgb(204,180,36)
```
#d5bb1b
```
#d5bb1b rgb(213,187,27)
```
#dec112
```
#dec112 rgb(222,193,18)
```
#e8c808
```
#e8c808 rgb(232,200,8)
```

Tone Color Variation

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

#cdb82f Protanopia 1% of men
#e4af34 Deuteranopia 1% of men
#d9acb8 Tritanopia 0.001% of the population

Trichromacy

#cdb62b Protanomaly 1% of men, 0.01% of women
#dbb02e Deuteranomaly 6% of men, 0.4% of women
#d4ae82 Tritanomaly 0.01% of the population

#ccb424 hex color

#ccb424 Color Information

#ccb424 Color Conversion

Color Schemes with #ccb424

Alternatives to #ccb424

#ccb424 Preview

Shades and Tints of #ccb424

Tones of #ccb424

Color Blindness Simulator