#ccb324 hex color

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

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

● #ccb324 color description : Strong yellow.

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

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

CIE-LAB	73.028, -4.905, 68.978
XYZ	41.341, 45.206, 8.217
xyY	0.436, 0.477, 45.206
CIE-LCH	73.028, 69.152, 94.067
CIE-LUV	73.028, 23.161, 74.478
Hunter-Lab	67.236, -7.909, 39.819
Binary	11001100, 10110011, 00100100

#ccb324
```
#ccb324 rgb(204,179,36)
```
#243dcc
```
#243dcc rgb(36,61,204)
```

Complementary Color

#cc5f24
```
#cc5f24 rgb(204,95,36)
```
#ccb324
```
#ccb324 rgb(204,179,36)
```
#91cc24
```
#91cc24 rgb(145,204,36)
```

Analogous Color

#5f24cc
```
#5f24cc rgb(95,36,204)
```
#ccb324
```
#ccb324 rgb(204,179,36)
```
#2491cc
```
#2491cc rgb(36,145,204)
```

Split Complementary Color

#b324cc
```
#b324cc rgb(179,36,204)
```
#ccb324
```
#ccb324 rgb(204,179,36)
```
#24ccb3
```
#24ccb3 rgb(36,204,179)
```

Triadic Color

#cc243d
```
#cc243d rgb(204,36,61)
```
#ccb324
```
#ccb324 rgb(204,179,36)
```
#24ccb3
```
#24ccb3 rgb(36,204,179)
```
#243dcc
```
#243dcc rgb(36,61,204)
```

Tetradic Color

#8b7a19
```
#8b7a19 rgb(139,122,25)
```
#a18d1c
```
#a18d1c rgb(161,141,28)
```
#b6a020
```
#b6a020 rgb(182,160,32)
```
#ccb324
```
#ccb324 rgb(204,179,36)
```
#dac12f
```
#dac12f rgb(218,193,47)
```
#dec745
```
#dec745 rgb(222,199,69)
```
#e2ce5b
```
#e2ce5b rgb(226,206,91)
```

Monochromatic Color

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

#cc8924
```
#cc8924 rgb(204,137,36)
```
#cc9724
```
#cc9724 rgb(204,151,36)
```
#cca524
```
#cca524 rgb(204,165,36)
```
#ccb324
```
#ccb324 rgb(204,179,36)
```
#ccc124
```
#ccc124 rgb(204,193,36)
```
#c9cc24
```
#c9cc24 rgb(201,204,36)
```
#bbcc24
```
#bbcc24 rgb(187,204,36)
```

Similar Colors

Text with hexadecimal color #ccb324

This text has a font color of #ccb324.

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

#ccb324 background color

This paragraph has a background color of #ccb324.

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

#ccb324 border color

This element has a border color of #ccb324.

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

CSS codes

.text {color:#ccb324;}

.background {background-color:#ccb324;}

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

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)
```
#362f0a
```
#362f0a rgb(54,47,10)
```
#473e0c
```
#473e0c rgb(71,62,12)
```
#574d0f
```
#574d0f rgb(87,77,15)
```
#685b12
```
#685b12 rgb(104,91,18)
```
#796a15
```
#796a15 rgb(121,106,21)
```
#897818
```
#897818 rgb(137,120,24)
```
#9a871b
```
#9a871b rgb(154,135,27)
```
#ab961e
```
#ab961e rgb(171,150,30)
```
#bba421
```
#bba421 rgb(187,164,33)
```
#ccb324
```
#ccb324 rgb(204,179,36)
```

Shade Color Variation

#d9bf2a
```
#d9bf2a rgb(217,191,42)
```
#dcc43b
```
#dcc43b rgb(220,196,59)
```
#dfc94c
```
#dfc94c rgb(223,201,76)
```
#e2ce5c
```
#e2ce5c rgb(226,206,92)
```
#e5d36d
```
#e5d36d rgb(229,211,109)
```
#e8d87e
```
#e8d87e rgb(232,216,126)
```
#ebdd8e
```
#ebdd8e rgb(235,221,142)
```
#eee29f
```
#eee29f rgb(238,226,159)
```
#f1e7b0
```
#f1e7b0 rgb(241,231,176)
```
#f4ecc0
```
#f4ecc0 rgb(244,236,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 #e8c608 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)
```
#a79949
```
#a79949 rgb(167,153,73)
```
#b0a040
```
#b0a040 rgb(176,160,64)
```
#baa636
```
#baa636 rgb(186,166,54)
```
#c3ad2d
```
#c3ad2d rgb(195,173,45)
```
#ccb324
```
#ccb324 rgb(204,179,36)
```
#d5b91b
```
#d5b91b rgb(213,185,27)
```
#dec012
```
#dec012 rgb(222,192,18)
```
#e8c608
```
#e8c608 rgb(232,198,8)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b1ac8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb72f Protanopia 1% of men
#e4ae34 Deuteranopia 1% of men
#d9abb7 Tritanopia 0.001% of the population

Trichromacy

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

#ccb324 hex color

#ccb324 Color Information

#ccb324 Color Conversion

Color Schemes with #ccb324

Alternatives to #ccb324

#ccb324 Preview

Shades and Tints of #ccb324

Tones of #ccb324

Color Blindness Simulator