#b7a224 hex color

In a RGB color space, hex #b7a224 is composed of 71.8% red, 63.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.5% magenta, 80.3% yellow and 28.2% black. It has a hue angle of 51.4 degrees, a saturation of 67.1% and a lightness of 42.9%. #b7a224 color hex could be obtained by blending #ffff48 with #6f4500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 64
- B 14
RGB color chart
- C 0
- M 11
- Y 80
- K 28
CMYK color chart

● #b7a224 color description : Strong yellow.

The hexadecimal color #b7a224 has RGB values of R:183, G:162, B:36 and CMYK values of C:0, M:0.11, Y:0.8, K:0.28. Its decimal value is 12034596.

Hex triplet	b7a224	`#b7a224`
RGB Decimal	183, 162, 36	`rgb(183,162,36)`
RGB Percent	71.8, 63.5, 14.1	`rgb(71.8%,63.5%,14.1%)`
CMYK	0, 11, 80, 28
HSL	51.4°, 67.1, 42.9	`hsl(51.4,67.1%,42.9%)`
HSV (or HSB)	51.4°, 80.3, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.548, -5.215, 62.592
XYZ	32.768, 36.036, 6.899
xyY	0.433, 0.476, 36.036
CIE-LCH	66.548, 62.808, 94.763
CIE-LUV	66.548, 19.736, 67.186
Hunter-Lab	60.03, -7.619, 35.208
Binary	10110111, 10100010, 00100100

#b7a224
```
#b7a224 rgb(183,162,36)
```
#2439b7
```
#2439b7 rgb(36,57,183)
```

Complementary Color

#b75824
```
#b75824 rgb(183,88,36)
```
#b7a224
```
#b7a224 rgb(183,162,36)
```
#83b724
```
#83b724 rgb(131,183,36)
```

Analogous Color

#5824b7
```
#5824b7 rgb(88,36,183)
```
#b7a224
```
#b7a224 rgb(183,162,36)
```
#2483b7
```
#2483b7 rgb(36,131,183)
```

Split Complementary Color

#a224b7
```
#a224b7 rgb(162,36,183)
```
#b7a224
```
#b7a224 rgb(183,162,36)
```
#24b7a2
```
#24b7a2 rgb(36,183,162)
```

Triadic Color

#b72439
```
#b72439 rgb(183,36,57)
```
#b7a224
```
#b7a224 rgb(183,162,36)
```
#24b7a2
```
#24b7a2 rgb(36,183,162)
```
#2439b7
```
#2439b7 rgb(36,57,183)
```

Tetradic Color

#776917
```
#776917 rgb(119,105,23)
```
#8c7c1c
```
#8c7c1c rgb(140,124,28)
```
#a28f20
```
#a28f20 rgb(162,143,32)
```
#b7a224
```
#b7a224 rgb(183,162,36)
```
#ccb528
```
#ccb528 rgb(204,181,40)
```
#d8c136
```
#d8c136 rgb(216,193,54)
```
#dcc74c
```
#dcc74c rgb(220,199,76)
```

Monochromatic Color

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

#b77d24
```
#b77d24 rgb(183,125,36)
```
#b78a24
```
#b78a24 rgb(183,138,36)
```
#b79624
```
#b79624 rgb(183,150,36)
```
#b7a224
```
#b7a224 rgb(183,162,36)
```
#b7ae24
```
#b7ae24 rgb(183,174,36)
```
#b4b724
```
#b4b724 rgb(180,183,36)
```
#a7b724
```
#a7b724 rgb(167,183,36)
```

Similar Colors

Text with hexadecimal color #b7a224

This text has a font color of #b7a224.

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

#b7a224 background color

This paragraph has a background color of #b7a224.

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

#b7a224 border color

This element has a border color of #b7a224.

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

CSS codes

.text {color:#b7a224;}

.background {background-color:#b7a224;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#131104
```
#131104 rgb(19,17,4)
```
#231f07
```
#231f07 rgb(35,31,7)
```
#342e0a
```
#342e0a rgb(52,46,10)
```
#443c0d
```
#443c0d rgb(68,60,13)
```
#554b11
```
#554b11 rgb(85,75,17)
```
#655914
```
#655914 rgb(101,89,20)
```
#756817
```
#756817 rgb(117,104,23)
```
#86761a
```
#86761a rgb(134,118,26)
```
#96851e
```
#96851e rgb(150,133,30)
```
#a79321
```
#a79321 rgb(167,147,33)
```
#b7a224
```
#b7a224 rgb(183,162,36)
```
#c7b127
```
#c7b127 rgb(199,177,39)
```

Shade Color Variation

#d6bd2d
```
#d6bd2d rgb(214,189,45)
```
#d9c33d
```
#d9c33d rgb(217,195,61)
```
#dcc84d
```
#dcc84d rgb(220,200,77)
```
#dfcd5e
```
#dfcd5e rgb(223,205,94)
```
#e3d26e
```
#e3d26e rgb(227,210,110)
```
#e6d77f
```
#e6d77f rgb(230,215,127)
```
#e9dc8f
```
#e9dc8f rgb(233,220,143)
```
#ece19f
```
#ece19f rgb(236,225,159)
```
#efe6b0
```
#efe6b0 rgb(239,230,176)
```
#f3ebc0
```
#f3ebc0 rgb(243,235,192)
```
#f6f1d1
```
#f6f1d1 rgb(246,241,209)
```
#f9f6e1
```
#f9f6e1 rgb(249,246,225)
```
#fcfbf1
```
#fcfbf1 rgb(252,251,241)
```

Tint Color Variation

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

#747267
```
#747267 rgb(116,114,103)
```
#7c785f
```
#7c785f rgb(124,120,95)
```
#847e57
```
#847e57 rgb(132,126,87)
```
#8d844e
```
#8d844e rgb(141,132,78)
```
#958a46
```
#958a46 rgb(149,138,70)
```
#9e903d
```
#9e903d rgb(158,144,61)
```
#a69635
```
#a69635 rgb(166,150,53)
```
#af9c2c
```
#af9c2c rgb(175,156,44)
```
#b7a224
```
#b7a224 rgb(183,162,36)
```
#bfa81c
```
#bfa81c rgb(191,168,28)
```
#c8ae13
```
#c8ae13 rgb(200,174,19)
```
#d0b40b
```
#d0b40b rgb(208,180,11)
```
#d9ba02
```
#d9ba02 rgb(217,186,2)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a09c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa62f Protanopia 1% of men
#cf9e33 Deuteranopia 1% of men
#c49ca7 Tritanopia 0.001% of the population

Trichromacy

#b9a52b Protanomaly 1% of men, 0.01% of women
#c69f2e Deuteranomaly 6% of men, 0.4% of women
#bf9e77 Tritanomaly 0.01% of the population

#b7a224 hex color

#b7a224 Color Information

#b7a224 Color Conversion

Color Schemes with #b7a224

Alternatives to #b7a224

#b7a224 Preview

Shades and Tints of #b7a224

Tones of #b7a224

Color Blindness Simulator