colorhexa.com

#b7a22f hex color

In a RGB color space, hex #b7a22f is composed of 71.8% red, 63.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.5% magenta, 74.3% yellow and 28.2% black. It has a hue angle of 50.7 degrees, a saturation of 59.1% and a lightness of 45.1%. #b7a22f color hex could be obtained by blending #ffff5e with #6f4500. Closest websafe color is: #cc9933.

- R 72
- G 64
- B 18
RGB color chart
- C 0
- M 11
- Y 74
- K 28
CMYK color chart

● #b7a22f color description : Moderate yellow.

The hexadecimal color #b7a22f has RGB values of R:183, G:162, B:47 and CMYK values of C:0, M:0.11, Y:0.74, K:0.28. Its decimal value is 12034607.

Hex triplet	b7a22f	`#b7a22f`
RGB Decimal	183, 162, 47	`rgb(183,162,47)`
RGB Percent	71.8, 63.5, 18.4	`rgb(71.8%,63.5%,18.4%)`
CMYK	0, 11, 74, 28
HSL	50.7°, 59.1, 45.1	`hsl(50.7,59.1%,45.1%)`
HSV (or HSB)	50.7°, 74.3, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.607, -4.778, 58.926
XYZ	32.962, 36.114, 7.924
xyY	0.428, 0.469, 36.114
CIE-LCH	66.607, 59.12, 94.636
CIE-LUV	66.607, 19.463, 64.754
Hunter-Lab	60.095, -7.259, 34.249
Binary	10110111, 10100010, 00101111

#b7a22f
```
#b7a22f rgb(183,162,47)
```
#2f44b7
```
#2f44b7 rgb(47,68,183)
```

Complementary Color

#b75e2f
```
#b75e2f rgb(183,94,47)
```
#b7a22f
```
#b7a22f rgb(183,162,47)
```
#88b72f
```
#88b72f rgb(136,183,47)
```

Analogous Color

#5e2fb7
```
#5e2fb7 rgb(94,47,183)
```
#b7a22f
```
#b7a22f rgb(183,162,47)
```
#2f88b7
```
#2f88b7 rgb(47,136,183)
```

Split Complementary Color

#a22fb7
```
#a22fb7 rgb(162,47,183)
```
#b7a22f
```
#b7a22f rgb(183,162,47)
```
#2fb7a2
```
#2fb7a2 rgb(47,183,162)
```

Triadic Color

#b72f44
```
#b72f44 rgb(183,47,68)
```
#b7a22f
```
#b7a22f rgb(183,162,47)
```
#2fb7a2
```
#2fb7a2 rgb(47,183,162)
```
#2f44b7
```
#2f44b7 rgb(47,68,183)
```

Tetradic Color

#7a6c1f
```
#7a6c1f rgb(122,108,31)
```
#8e7e25
```
#8e7e25 rgb(142,126,37)
```
#a3902a
```
#a3902a rgb(163,144,42)
```
#b7a22f
```
#b7a22f rgb(183,162,47)
```
#cbb435
```
#cbb435 rgb(203,180,53)
```
#d0bb49
```
#d0bb49 rgb(208,187,73)
```
#d5c35d
```
#d5c35d rgb(213,195,93)
```

Monochromatic Color

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

#b7802f
```
#b7802f rgb(183,128,47)
```
#b78b2f
```
#b78b2f rgb(183,139,47)
```
#b7972f
```
#b7972f rgb(183,151,47)
```
#b7a22f
```
#b7a22f rgb(183,162,47)
```
#b7ad2f
```
#b7ad2f rgb(183,173,47)
```
#b5b72f
```
#b5b72f rgb(181,183,47)
```
#aab72f
```
#aab72f rgb(170,183,47)
```

Similar Colors

Text with hexadecimal color #b7a22f

This text has a font color of #b7a22f.

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

#b7a22f background color

This paragraph has a background color of #b7a22f.

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

#b7a22f border color

This element has a border color of #b7a22f.

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

CSS codes

.text {color:#b7a22f;}

.background {background-color:#b7a22f;}

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

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

#0b0a03
```
#0b0a03 rgb(11,10,3)
```
#1b1807
```
#1b1807 rgb(27,24,7)
```
#2b260b
```
#2b260b rgb(43,38,11)
```
#3a330f
```
#3a330f rgb(58,51,15)
```
#4a4113
```
#4a4113 rgb(74,65,19)
```
#594f17
```
#594f17 rgb(89,79,23)
```
#695d1b
```
#695d1b rgb(105,93,27)
```
#796b1f
```
#796b1f rgb(121,107,31)
```
#887923
```
#887923 rgb(136,121,35)
```
#988627
```
#988627 rgb(152,134,39)
```
#a7942b
```
#a7942b rgb(167,148,43)
```
#b7a22f
```
#b7a22f rgb(183,162,47)
```
#c7b033
```
#c7b033 rgb(199,176,51)
```

Shade Color Variation

#ceb83f
```
#ceb83f rgb(206,184,63)
```
#d2be4f
```
#d2be4f rgb(210,190,79)
```
#d6c35f
```
#d6c35f rgb(214,195,95)
```
#dac96e
```
#dac96e rgb(218,201,110)
```
#decf7e
```
#decf7e rgb(222,207,126)
```
#e2d58d
```
#e2d58d rgb(226,213,141)
```
#e6db9d
```
#e6db9d rgb(230,219,157)
```
#eae0ad
```
#eae0ad rgb(234,224,173)
```
#eee6bc
```
#eee6bc rgb(238,230,188)
```
#f2eccc
```
#f2eccc rgb(242,236,204)
```
#f6f2dc
```
#f6f2dc rgb(246,242,220)
```
#faf8eb
```
#faf8eb rgb(250,248,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#79776d
```
#79776d rgb(121,119,109)
```
#827d64
```
#827d64 rgb(130,125,100)
```
#8b835b
```
#8b835b rgb(139,131,91)
```
#948a52
```
#948a52 rgb(148,138,82)
```
#9c904a
```
#9c904a rgb(156,144,74)
```
#a59641
```
#a59641 rgb(165,150,65)
```
#ae9c38
```
#ae9c38 rgb(174,156,56)
```
#b7a22f
```
#b7a22f rgb(183,162,47)
```
#c0a826
```
#c0a826 rgb(192,168,38)
```
#c9ae1d
```
#c9ae1d rgb(201,174,29)
```
#d2b414
```
#d2b414 rgb(210,180,20)
```
#daba0c
```
#daba0c rgb(218,186,12)
```
#e3c103
```
#e3c103 rgb(227,193,3)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a19c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a739 Protanopia 1% of men
#ce9f3d Deuteranopia 1% of men
#c49ca7 Tritanopia 0.001% of the population

Trichromacy

#b8a535 Protanomaly 1% of men, 0.01% of women
#c6a038 Deuteranomaly 6% of men, 0.4% of women
#bf9e7b Tritanomaly 0.01% of the population