#c5b224 hex color

In a RGB color space, hex #c5b224 is composed of 77.3% red, 69.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 81.7% yellow and 22.7% black. It has a hue angle of 52.9 degrees, a saturation of 69.1% and a lightness of 45.7%. #c5b224 color hex could be obtained by blending #ffff48 with #8b6500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 70
- B 14
RGB color chart
- C 0
- M 10
- Y 82
- K 23
CMYK color chart

● #c5b224 color description : Strong yellow.

The hexadecimal color #c5b224 has RGB values of R:197, G:178, B:36 and CMYK values of C:0, M:0.1, Y:0.82, K:0.23. Its decimal value is 12956196.

Hex triplet	c5b224	`#c5b224`
RGB Decimal	197, 178, 36	`rgb(197,178,36)`
RGB Percent	77.3, 69.8, 14.1	`rgb(77.3%,69.8%,14.1%)`
CMYK	0, 10, 82, 23
HSL	52.9°, 69.1, 45.7	`hsl(52.9,69.1%,45.7%)`
HSV (or HSB)	52.9°, 81.7, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.121, -7.447, 67.948
XYZ	39.265, 43.84, 8.063
xyY	0.431, 0.481, 43.84
CIE-LCH	72.121, 68.355, 96.255
CIE-LUV	72.121, 18.735, 73.94
Hunter-Lab	66.212, -10.015, 39.128
Binary	11000101, 10110010, 00100100

#c5b224
```
#c5b224 rgb(197,178,36)
```
#2437c5
```
#2437c5 rgb(36,55,197)
```

Complementary Color

#c56224
```
#c56224 rgb(197,98,36)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#88c524
```
#88c524 rgb(136,197,36)
```

Analogous Color

#6224c5
```
#6224c5 rgb(98,36,197)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#2488c5
```
#2488c5 rgb(36,136,197)
```

Split Complementary Color

#b224c5
```
#b224c5 rgb(178,36,197)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#24c5b2
```
#24c5b2 rgb(36,197,178)
```

Triadic Color

#c52437
```
#c52437 rgb(197,36,55)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#24c5b2
```
#24c5b2 rgb(36,197,178)
```
#2437c5
```
#2437c5 rgb(36,55,197)
```

Tetradic Color

#847818
```
#847818 rgb(132,120,24)
```
#9a8b1c
```
#9a8b1c rgb(154,139,28)
```
#af9f20
```
#af9f20 rgb(175,159,32)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#d8c42a
```
#d8c42a rgb(216,196,42)
```
#dcca40
```
#dcca40 rgb(220,202,64)
```
#e0d055
```
#e0d055 rgb(224,208,85)
```

Monochromatic Color

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

#c58a24
```
#c58a24 rgb(197,138,36)
```
#c59724
```
#c59724 rgb(197,151,36)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#c5bf24
```
#c5bf24 rgb(197,191,36)
```
#bdc524
```
#bdc524 rgb(189,197,36)
```
#b0c524
```
#b0c524 rgb(176,197,36)
```

Similar Colors

Text with hexadecimal color #c5b224

This text has a font color of #c5b224.

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

#c5b224 background color

This paragraph has a background color of #c5b224.

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

#c5b224 border color

This element has a border color of #c5b224.

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

CSS codes

.text {color:#c5b224;}

.background {background-color:#c5b224;}

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

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, #0f0d03 is the darkest color, while #fffefd is the lightest one.

#0f0d03
```
#0f0d03 rgb(15,13,3)
```
#1f1c06
```
#1f1c06 rgb(31,28,6)
```
#302b09
```
#302b09 rgb(48,43,9)
```
#403a0c
```
#403a0c rgb(64,58,12)
```
#51490f
```
#51490f rgb(81,73,15)
```
#615812
```
#615812 rgb(97,88,18)
```
#726715
```
#726715 rgb(114,103,21)
```
#837618
```
#837618 rgb(131,118,24)
```
#93851b
```
#93851b rgb(147,133,27)
```
#a4941e
```
#a4941e rgb(164,148,30)
```
#b4a321
```
#b4a321 rgb(180,163,33)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#d6c127
```
#d6c127 rgb(214,193,39)
```

Shade Color Variation

#dac736
```
#dac736 rgb(218,199,54)
```
#ddcc47
```
#ddcc47 rgb(221,204,71)
```
#e0d057
```
#e0d057 rgb(224,208,87)
```
#e3d568
```
#e3d568 rgb(227,213,104)
```
#e6d978
```
#e6d978 rgb(230,217,120)
```
#e9de89
```
#e9de89 rgb(233,222,137)
```
#ece399
```
#ece399 rgb(236,227,153)
```
#efe7aa
```
#efe7aa rgb(239,231,170)
```
#f3ecbb
```
#f3ecbb rgb(243,236,187)
```
#f6f1cb
```
#f6f1cb rgb(246,241,203)
```
#f9f5dc
```
#f9f5dc rgb(249,245,220)
```
#fcfaec
```
#fcfaec rgb(252,250,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7d7b6c
```
#7d7b6c rgb(125,123,108)
```
#868263
```
#868263 rgb(134,130,99)
```
#8f895a
```
#8f895a rgb(143,137,90)
```
#989051
```
#989051 rgb(152,144,81)
```
#a19748
```
#a19748 rgb(161,151,72)
```
#aa9d3f
```
#aa9d3f rgb(170,157,63)
```
#b3a436
```
#b3a436 rgb(179,164,54)
```
#bcab2d
```
#bcab2d rgb(188,171,45)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#ceb91b
```
#ceb91b rgb(206,185,27)
```
#d7c012
```
#d7c012 rgb(215,192,18)
```
#e0c709
```
#e0c709 rgb(224,199,9)
```
#e9cd00
```
#e9cd00 rgb(233,205,0)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#ada98d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab52f Protanopia 1% of men
#e1ac35 Deuteranopia 1% of men
#d2aab6 Tritanopia 0.001% of the population

Trichromacy

#c8b42b Protanomaly 1% of men, 0.01% of women
#d6ae2e Deuteranomaly 6% of men, 0.4% of women
#cdad81 Tritanomaly 0.01% of the population

#c5b224 hex color

#c5b224 Color Information

#c5b224 Color Conversion

Color Schemes with #c5b224

Alternatives to #c5b224

#c5b224 Preview

Shades and Tints of #c5b224

Tones of #c5b224

Color Blindness Simulator