#b5a224 hex color

In a RGB color space, hex #b5a224 is composed of 71% red, 63.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 80.1% yellow and 29% black. It has a hue angle of 52.1 degrees, a saturation of 66.8% and a lightness of 42.5%. #b5a224 color hex could be obtained by blending #ffff48 with #6b4500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 64
- B 14
RGB color chart
- C 0
- M 10
- Y 80
- K 29
CMYK color chart

● #b5a224 color description : Strong yellow.

The hexadecimal color #b5a224 has RGB values of R:181, G:162, B:36 and CMYK values of C:0, M:0.1, Y:0.8, K:0.29. Its decimal value is 11903524.

Hex triplet	b5a224	`#b5a224`
RGB Decimal	181, 162, 36	`rgb(181,162,36)`
RGB Percent	71, 63.5, 14.1	`rgb(71%,63.5%,14.1%)`
CMYK	0, 10, 80, 29
HSL	52.1°, 66.8, 42.5	`hsl(52.1,66.8%,42.5%)`
HSV (or HSB)	52.1°, 80.1, 71
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.361, -6.104, 62.356
XYZ	32.295, 35.793, 6.877
xyY	0.431, 0.477, 35.793
CIE-LCH	66.361, 62.654, 95.591
CIE-LUV	66.361, 18.27, 67.14
Hunter-Lab	59.827, -8.342, 35.064
Binary	10110101, 10100010, 00100100

#b5a224
```
#b5a224 rgb(181,162,36)
```
#2437b5
```
#2437b5 rgb(36,55,181)
```

Complementary Color

#b55a24
```
#b55a24 rgb(181,90,36)
```
#b5a224
```
#b5a224 rgb(181,162,36)
```
#80b524
```
#80b524 rgb(128,181,36)
```

Analogous Color

#5924b5
```
#5924b5 rgb(89,36,181)
```
#b5a224
```
#b5a224 rgb(181,162,36)
```
#2480b5
```
#2480b5 rgb(36,128,181)
```

Split Complementary Color

#a224b5
```
#a224b5 rgb(162,36,181)
```
#b5a224
```
#b5a224 rgb(181,162,36)
```
#24b5a2
```
#24b5a2 rgb(36,181,162)
```

Triadic Color

#b52437
```
#b52437 rgb(181,36,55)
```
#b5a224
```
#b5a224 rgb(181,162,36)
```
#24b5a2
```
#24b5a2 rgb(36,181,162)
```
#2437b5
```
#2437b5 rgb(36,55,181)
```

Tetradic Color

#756917
```
#756917 rgb(117,105,23)
```
#8a7c1c
```
#8a7c1c rgb(138,124,28)
```
#a08f20
```
#a08f20 rgb(160,143,32)
```
#b5a224
```
#b5a224 rgb(181,162,36)
```
#cab528
```
#cab528 rgb(202,181,40)
```
#d7c235
```
#d7c235 rgb(215,194,53)
```
#dbc84a
```
#dbc84a rgb(219,200,74)
```

Monochromatic Color

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

#b57e24
```
#b57e24 rgb(181,126,36)
```
#b58a24
```
#b58a24 rgb(181,138,36)
```
#b59624
```
#b59624 rgb(181,150,36)
```
#b5a224
```
#b5a224 rgb(181,162,36)
```
#b5ae24
```
#b5ae24 rgb(181,174,36)
```
#b0b524
```
#b0b524 rgb(176,181,36)
```
#a4b524
```
#a4b524 rgb(164,181,36)
```

Similar Colors

Text with hexadecimal color #b5a224

This text has a font color of #b5a224.

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

#b5a224 background color

This paragraph has a background color of #b5a224.

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

#b5a224 border color

This element has a border color of #b5a224.

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

CSS codes

.text {color:#b5a224;}

.background {background-color:#b5a224;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111003
```
#111003 rgb(17,16,3)
```
#221e07
```
#221e07 rgb(34,30,7)
```
#322d0a
```
#322d0a rgb(50,45,10)
```
#423b0d
```
#423b0d rgb(66,59,13)
```
#534a10
```
#534a10 rgb(83,74,16)
```
#635914
```
#635914 rgb(99,89,20)
```
#746717
```
#746717 rgb(116,103,23)
```
#84761a
```
#84761a rgb(132,118,26)
```
#94851d
```
#94851d rgb(148,133,29)
```
#a59321
```
#a59321 rgb(165,147,33)
```
#b5a224
```
#b5a224 rgb(181,162,36)
```
#c5b127
```
#c5b127 rgb(197,177,39)
```

Shade Color Variation

#d5bf2b
```
#d5bf2b rgb(213,191,43)
```
#d8c43c
```
#d8c43c rgb(216,196,60)
```
#dbc94c
```
#dbc94c rgb(219,201,76)
```
#dfce5c
```
#dfce5c rgb(223,206,92)
```
#e2d36d
```
#e2d36d rgb(226,211,109)
```
#e5d87d
```
#e5d87d rgb(229,216,125)
```
#e8dd8d
```
#e8dd8d rgb(232,221,141)
```
#ece19e
```
#ece19e rgb(236,225,158)
```
#efe6ae
```
#efe6ae rgb(239,230,174)
```
#f2ebbf
```
#f2ebbf rgb(242,235,191)
```
#f5f0cf
```
#f5f0cf rgb(245,240,207)
```
#f9f5df
```
#f9f5df rgb(249,245,223)
```
#fcfaf0
```
#fcfaf0 rgb(252,250,240)
```

Tint Color Variation

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

#727167
```
#727167 rgb(114,113,103)
```
#7b775e
```
#7b775e rgb(123,119,94)
```
#837d56
```
#837d56 rgb(131,125,86)
```
#8b834e
```
#8b834e rgb(139,131,78)
```
#948945
```
#948945 rgb(148,137,69)
```
#9c903d
```
#9c903d rgb(156,144,61)
```
#a49635
```
#a49635 rgb(164,150,53)
```
#ad9c2c
```
#ad9c2c rgb(173,156,44)
```
#b5a224
```
#b5a224 rgb(181,162,36)
```
#bda81c
```
#bda81c rgb(189,168,28)
```
#c6ae13
```
#c6ae13 rgb(198,174,19)
```
#ceb40b
```
#ceb40b rgb(206,180,11)
```
#d6bb03
```
#d6bb03 rgb(214,187,3)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9f9b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a62f Protanopia 1% of men
#ce9e34 Deuteranopia 1% of men
#c29ca7 Tritanopia 0.001% of the population

Trichromacy

#b8a42b Protanomaly 1% of men, 0.01% of women
#c59f2e Deuteranomaly 6% of men, 0.4% of women
#bd9e77 Tritanomaly 0.01% of the population

#b5a224 hex color

#b5a224 Color Information

#b5a224 Color Conversion

Color Schemes with #b5a224

Alternatives to #b5a224

#b5a224 Preview

Shades and Tints of #b5a224

Tones of #b5a224

Color Blindness Simulator