#b7a22d hex color

In a RGB color space, hex #b7a22d is composed of 71.8% red, 63.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.5% magenta, 75.4% yellow and 28.2% black. It has a hue angle of 50.9 degrees, a saturation of 60.5% and a lightness of 44.7%. #b7a22d color hex could be obtained by blending #ffff5a with #6f4500. Closest websafe color is: #cc9933.

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

● #b7a22d color description : Strong yellow.

The hexadecimal color #b7a22d has RGB values of R:183, G:162, B:45 and CMYK values of C:0, M:0.11, Y:0.75, K:0.28. Its decimal value is 12034605.

Hex triplet	b7a22d	`#b7a22d`
RGB Decimal	183, 162, 45	`rgb(183,162,45)`
RGB Percent	71.8, 63.5, 17.6	`rgb(71.8%,63.5%,17.6%)`
CMYK	0, 11, 75, 28
HSL	50.9°, 60.5, 44.7	`hsl(50.9,60.5%,44.7%)`
HSV (or HSB)	50.9°, 75.4, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.595, -4.866, 59.641
XYZ	32.923, 36.098, 7.716
xyY	0.429, 0.47, 36.098
CIE-LCH	66.595, 59.84, 94.665
CIE-LUV	66.595, 19.518, 65.244
Hunter-Lab	60.082, -7.332, 34.443
Binary	10110111, 10100010, 00101101

#b7a22d
```
#b7a22d rgb(183,162,45)
```
#2d42b7
```
#2d42b7 rgb(45,66,183)
```

Complementary Color

#b75d2d
```
#b75d2d rgb(183,93,45)
```
#b7a22d
```
#b7a22d rgb(183,162,45)
```
#87b72d
```
#87b72d rgb(135,183,45)
```

Analogous Color

#5d2db7
```
#5d2db7 rgb(93,45,183)
```
#b7a22d
```
#b7a22d rgb(183,162,45)
```
#2d87b7
```
#2d87b7 rgb(45,135,183)
```

Split Complementary Color

#a22db7
```
#a22db7 rgb(162,45,183)
```
#b7a22d
```
#b7a22d rgb(183,162,45)
```
#2db7a2
```
#2db7a2 rgb(45,183,162)
```

Triadic Color

#b72d42
```
#b72d42 rgb(183,45,66)
```
#b7a22d
```
#b7a22d rgb(183,162,45)
```
#2db7a2
```
#2db7a2 rgb(45,183,162)
```
#2d42b7
```
#2d42b7 rgb(45,66,183)
```

Tetradic Color

#7a6c1e
```
#7a6c1e rgb(122,108,30)
```
#8e7e23
```
#8e7e23 rgb(142,126,35)
```
#a39028
```
#a39028 rgb(163,144,40)
```
#b7a22d
```
#b7a22d rgb(183,162,45)
```
#cbb432
```
#cbb432 rgb(203,180,50)
```
#d1bc46
```
#d1bc46 rgb(209,188,70)
```
#d6c45a
```
#d6c45a rgb(214,196,90)
```

Monochromatic Color

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

#b7802d
```
#b7802d rgb(183,128,45)
```
#b78b2d
```
#b78b2d rgb(183,139,45)
```
#b7972d
```
#b7972d rgb(183,151,45)
```
#b7a22d
```
#b7a22d rgb(183,162,45)
```
#b7ae2d
```
#b7ae2d rgb(183,174,45)
```
#b5b72d
```
#b5b72d rgb(181,183,45)
```
#aab72d
```
#aab72d rgb(170,183,45)
```

Similar Colors

Text with hexadecimal color #b7a22d

This text has a font color of #b7a22d.

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

#b7a22d background color

This paragraph has a background color of #b7a22d.

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

#b7a22d border color

This element has a border color of #b7a22d.

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

CSS codes

.text {color:#b7a22d;}

.background {background-color:#b7a22d;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1a1706
```
#1a1706 rgb(26,23,6)
```
#29250a
```
#29250a rgb(41,37,10)
```
#39330e
```
#39330e rgb(57,51,14)
```
#494012
```
#494012 rgb(73,64,18)
```
#594e16
```
#594e16 rgb(89,78,22)
```
#685c1a
```
#685c1a rgb(104,92,26)
```
#786a1e
```
#786a1e rgb(120,106,30)
```
#887821
```
#887821 rgb(136,120,33)
```
#988625
```
#988625 rgb(152,134,37)
```
#a79429
```
#a79429 rgb(167,148,41)
```
#b7a22d
```
#b7a22d rgb(183,162,45)
```
#c7b031
```
#c7b031 rgb(199,176,49)
```

Shade Color Variation

#cfb93c
```
#cfb93c rgb(207,185,60)
```
#d3be4c
```
#d3be4c rgb(211,190,76)
```
#d7c45c
```
#d7c45c rgb(215,196,92)
```
#dbca6b
```
#dbca6b rgb(219,202,107)
```
#dfcf7b
```
#dfcf7b rgb(223,207,123)
```
#e2d58b
```
#e2d58b rgb(226,213,139)
```
#e6db9b
```
#e6db9b rgb(230,219,155)
```
#eae0aa
```
#eae0aa rgb(234,224,170)
```
#eee6ba
```
#eee6ba rgb(238,230,186)
```
#f2ecca
```
#f2ecca rgb(242,236,202)
```
#f6f2da
```
#f6f2da rgb(246,242,218)
```
#faf7e9
```
#faf7e9 rgb(250,247,233)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#7a776a
```
#7a776a rgb(122,119,106)
```
#827d62
```
#827d62 rgb(130,125,98)
```
#8b8359
```
#8b8359 rgb(139,131,89)
```
#948a50
```
#948a50 rgb(148,138,80)
```
#9d9047
```
#9d9047 rgb(157,144,71)
```
#a5963f
```
#a5963f rgb(165,150,63)
```
#ae9c36
```
#ae9c36 rgb(174,156,54)
```
#b7a22d
```
#b7a22d rgb(183,162,45)
```
#c0a824
```
#c0a824 rgb(192,168,36)
```
#c9ae1b
```
#c9ae1b rgb(201,174,27)
```
#d1b413
```
#d1b413 rgb(209,180,19)
```
#daba0a
```
#daba0a rgb(218,186,10)
```
#e3c101
```
#e3c101 rgb(227,193,1)
```

Tone Color Variation

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

#baa738 Protanopia 1% of men
#ce9f3b Deuteranopia 1% of men
#c49ca7 Tritanopia 0.001% of the population

Trichromacy

#b8a534 Protanomaly 1% of men, 0.01% of women
#c6a036 Deuteranomaly 6% of men, 0.4% of women
#bf9e7a Tritanomaly 0.01% of the population

#b7a22d hex color

#b7a22d Color Information

#b7a22d Color Conversion

Color Schemes with #b7a22d

Alternatives to #b7a22d

#b7a22d Preview

Shades and Tints of #b7a22d

Tones of #b7a22d

Color Blindness Simulator