#ccb224 hex color

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

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

● #ccb224 color description : Strong yellow.

The hexadecimal color #ccb224 has RGB values of R:204, G:178, B:36 and CMYK values of C:0, M:0.13, Y:0.82, K:0.2. Its decimal value is 13414948.

Hex triplet	ccb224	`#ccb224`
RGB Decimal	204, 178, 36	`rgb(204,178,36)`
RGB Percent	80, 69.8, 14.1	`rgb(80%,69.8%,14.1%)`
CMYK	0, 13, 82, 20
HSL	50.7°, 70, 47.1	`hsl(50.7,70%,47.1%)`
HSV (or HSB)	50.7°, 82.4, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.765, -4.382, 68.753
XYZ	41.141, 44.807, 8.151
xyY	0.437, 0.476, 44.807
CIE-LCH	72.765, 68.893, 93.647
CIE-LUV	72.765, 23.874, 74.081
Hunter-Lab	66.938, -7.433, 39.637
Binary	11001100, 10110010, 00100100

#ccb224
```
#ccb224 rgb(204,178,36)
```
#243ecc
```
#243ecc rgb(36,62,204)
```

Complementary Color

#cc5e24
```
#cc5e24 rgb(204,94,36)
```
#ccb224
```
#ccb224 rgb(204,178,36)
```
#92cc24
```
#92cc24 rgb(146,204,36)
```

Analogous Color

#5e24cc
```
#5e24cc rgb(94,36,204)
```
#ccb224
```
#ccb224 rgb(204,178,36)
```
#2492cc
```
#2492cc rgb(36,146,204)
```

Split Complementary Color

#b224cc
```
#b224cc rgb(178,36,204)
```
#ccb224
```
#ccb224 rgb(204,178,36)
```
#24ccb2
```
#24ccb2 rgb(36,204,178)
```

Triadic Color

#cc243e
```
#cc243e rgb(204,36,62)
```
#ccb224
```
#ccb224 rgb(204,178,36)
```
#24ccb2
```
#24ccb2 rgb(36,204,178)
```
#243ecc
```
#243ecc rgb(36,62,204)
```

Tetradic Color

#8b7919
```
#8b7919 rgb(139,121,25)
```
#a18c1c
```
#a18c1c rgb(161,140,28)
```
#b69f20
```
#b69f20 rgb(182,159,32)
```
#ccb224
```
#ccb224 rgb(204,178,36)
```
#dac02f
```
#dac02f rgb(218,192,47)
```
#dec645
```
#dec645 rgb(222,198,69)
```
#e2cd5b
```
#e2cd5b rgb(226,205,91)
```

Monochromatic Color

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

#cc8824
```
#cc8824 rgb(204,136,36)
```
#cc9624
```
#cc9624 rgb(204,150,36)
```
#cca424
```
#cca424 rgb(204,164,36)
```
#ccb224
```
#ccb224 rgb(204,178,36)
```
#ccc024
```
#ccc024 rgb(204,192,36)
```
#cacc24
```
#cacc24 rgb(202,204,36)
```
#bccc24
```
#bccc24 rgb(188,204,36)
```

Similar Colors

Text with hexadecimal color #ccb224

This text has a font color of #ccb224.

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

#ccb224 background color

This paragraph has a background color of #ccb224.

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

#ccb224 border color

This element has a border color of #ccb224.

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

CSS codes

.text {color:#ccb224;}

.background {background-color:#ccb224;}

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

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)
```
#574c0f
```
#574c0f rgb(87,76,15)
```
#685b12
```
#685b12 rgb(104,91,18)
```
#796915
```
#796915 rgb(121,105,21)
```
#897818
```
#897818 rgb(137,120,24)
```
#9a861b
```
#9a861b rgb(154,134,27)
```
#ab951e
```
#ab951e rgb(171,149,30)
```
#bba321
```
#bba321 rgb(187,163,33)
```
#ccb224
```
#ccb224 rgb(204,178,36)
```

Shade Color Variation

#d9be2a
```
#d9be2a rgb(217,190,42)
```
#dcc33b
```
#dcc33b rgb(220,195,59)
```
#dfc84c
```
#dfc84c rgb(223,200,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 #e8c508 is the most saturated one.

#797977
```
#797977 rgb(121,121,119)
```
#827f6e
```
#827f6e rgb(130,127,110)
```
#8b8565
```
#8b8565 rgb(139,133,101)
```
#958c5b
```
#958c5b rgb(149,140,91)
```
#9e9252
```
#9e9252 rgb(158,146,82)
```
#a79949
```
#a79949 rgb(167,153,73)
```
#b09f40
```
#b09f40 rgb(176,159,64)
```
#baa536
```
#baa536 rgb(186,165,54)
```
#c3ac2d
```
#c3ac2d rgb(195,172,45)
```
#ccb224
```
#ccb224 rgb(204,178,36)
```
#d5b81b
```
#d5b81b rgb(213,184,27)
```
#debf12
```
#debf12 rgb(222,191,18)
```
#e8c508
```
#e8c508 rgb(232,197,8)
```

Tone Color Variation

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

#ccb62f Protanopia 1% of men
#e3ad34 Deuteranopia 1% of men
#d9aab6 Tritanopia 0.001% of the population

Trichromacy

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

#ccb224 hex color

#ccb224 Color Information

#ccb224 Color Conversion

Color Schemes with #ccb224

Alternatives to #ccb224

#ccb224 Preview

Shades and Tints of #ccb224

Tones of #ccb224

Color Blindness Simulator