#b7a822 hex color

In a RGB color space, hex #b7a822 is composed of 71.8% red, 65.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.2% magenta, 81.4% yellow and 28.2% black. It has a hue angle of 54 degrees, a saturation of 68.7% and a lightness of 42.5%. #b7a822 color hex could be obtained by blending #ffff44 with #6f5100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 66
- B 13
RGB color chart
- C 0
- M 8
- Y 81
- K 28
CMYK color chart

● #b7a822 color description : Strong yellow.

The hexadecimal color #b7a822 has RGB values of R:183, G:168, B:34 and CMYK values of C:0, M:0.08, Y:0.81, K:0.28. Its decimal value is 12036130.

Hex triplet	b7a822	`#b7a822`
RGB Decimal	183, 168, 34	`rgb(183,168,34)`
RGB Percent	71.8, 65.9, 13.3	`rgb(71.8%,65.9%,13.3%)`
CMYK	0, 8, 81, 28
HSL	54°, 68.7, 42.5	`hsl(54,68.7%,42.5%)`
HSV (or HSB)	54°, 81.4, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.16, -8.448, 64.591
XYZ	33.82, 38.189, 7.103
xyY	0.427, 0.483, 38.189
CIE-LCH	68.16, 65.141, 97.452
CIE-LUV	68.16, 15.583, 69.991
Hunter-Lab	61.797, -10.457, 36.443
Binary	10110111, 10101000, 00100010

#b7a822
```
#b7a822 rgb(183,168,34)
```
#2231b7
```
#2231b7 rgb(34,49,183)
```

Complementary Color

#b75d22
```
#b75d22 rgb(183,93,34)
```
#b7a822
```
#b7a822 rgb(183,168,34)
```
#7cb722
```
#7cb722 rgb(124,183,34)
```

Analogous Color

#5d22b7
```
#5d22b7 rgb(93,34,183)
```
#b7a822
```
#b7a822 rgb(183,168,34)
```
#227cb7
```
#227cb7 rgb(34,124,183)
```

Split Complementary Color

#a822b7
```
#a822b7 rgb(168,34,183)
```
#b7a822
```
#b7a822 rgb(183,168,34)
```
#22b7a8
```
#22b7a8 rgb(34,183,168)
```

Triadic Color

#b72231
```
#b72231 rgb(183,34,49)
```
#b7a822
```
#b7a822 rgb(183,168,34)
```
#22b7a8
```
#22b7a8 rgb(34,183,168)
```
#2231b7
```
#2231b7 rgb(34,49,183)
```

Tetradic Color

#766d16
```
#766d16 rgb(118,109,22)
```
#8c811a
```
#8c811a rgb(140,129,26)
```
#a1941e
```
#a1941e rgb(161,148,30)
```
#b7a822
```
#b7a822 rgb(183,168,34)
```
#cdbc26
```
#cdbc26 rgb(205,188,38)
```
#d9c833
```
#d9c833 rgb(217,200,51)
```
#ddce48
```
#ddce48 rgb(221,206,72)
```

Monochromatic Color

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

#b78322
```
#b78322 rgb(183,131,34)
```
#b78f22
```
#b78f22 rgb(183,143,34)
```
#b79c22
```
#b79c22 rgb(183,156,34)
```
#b7a822
```
#b7a822 rgb(183,168,34)
```
#b7b422
```
#b7b422 rgb(183,180,34)
```
#adb722
```
#adb722 rgb(173,183,34)
```
#a1b722
```
#a1b722 rgb(161,183,34)
```

Similar Colors

Text with hexadecimal color #b7a822

This text has a font color of #b7a822.

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

#b7a822 background color

This paragraph has a background color of #b7a822.

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

#b7a822 border color

This element has a border color of #b7a822.

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

CSS codes

.text {color:#b7a822;}

.background {background-color:#b7a822;}

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

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 #fcfbef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#121003
```
#121003 rgb(18,16,3)
```
#221f06
```
#221f06 rgb(34,31,6)
```
#332f09
```
#332f09 rgb(51,47,9)
```
#433e0c
```
#433e0c rgb(67,62,12)
```
#544d10
```
#544d10 rgb(84,77,16)
```
#645c13
```
#645c13 rgb(100,92,19)
```
#756b16
```
#756b16 rgb(117,107,22)
```
#857a19
```
#857a19 rgb(133,122,25)
```
#968a1c
```
#968a1c rgb(150,138,28)
```
#a6991f
```
#a6991f rgb(166,153,31)
```
#b7a822
```
#b7a822 rgb(183,168,34)
```
#c8b725
```
#c8b725 rgb(200,183,37)
```

Shade Color Variation

#d7c629
```
#d7c629 rgb(215,198,41)
```
#daca3a
```
#daca3a rgb(218,202,58)
```
#ddcf4a
```
#ddcf4a rgb(221,207,74)
```
#e0d35b
```
#e0d35b rgb(224,211,91)
```
#e4d76b
```
#e4d76b rgb(228,215,107)
```
#e7dc7c
```
#e7dc7c rgb(231,220,124)
```
#eae08c
```
#eae08c rgb(234,224,140)
```
#ede59d
```
#ede59d rgb(237,229,157)
```
#f0e9ad
```
#f0e9ad rgb(240,233,173)
```
#f3eebe
```
#f3eebe rgb(243,238,190)
```
#f6f2ce
```
#f6f2ce rgb(246,242,206)
```
#f9f6df
```
#f9f6df rgb(249,246,223)
```
#fcfbef
```
#fcfbef rgb(252,251,239)
```

Tint Color Variation

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

#747365
```
#747365 rgb(116,115,101)
```
#7d795c
```
#7d795c rgb(125,121,92)
```
#858054
```
#858054 rgb(133,128,84)
```
#8d874c
```
#8d874c rgb(141,135,76)
```
#968d43
```
#968d43 rgb(150,141,67)
```
#9e943b
```
#9e943b rgb(158,148,59)
```
#a69b33
```
#a69b33 rgb(166,155,51)
```
#afa12a
```
#afa12a rgb(175,161,42)
```
#b7a822
```
#b7a822 rgb(183,168,34)
```
#bfaf1a
```
#bfaf1a rgb(191,175,26)
```
#c8b511
```
#c8b511 rgb(200,181,17)
```
#d0bc09
```
#d0bc09 rgb(208,188,9)
```
#d8c301
```
#d8c301 rgb(216,195,1)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a29f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab2d Protanopia 1% of men
#d4a233 Deuteranopia 1% of men
#c5a1ac Tritanopia 0.001% of the population

Trichromacy

#bca929 Protanomaly 1% of men, 0.01% of women
#c9a42d Deuteranomaly 6% of men, 0.4% of women
#c0a37a Tritanomaly 0.01% of the population

#b7a822 hex color

#b7a822 Color Information

#b7a822 Color Conversion

Color Schemes with #b7a822

Alternatives to #b7a822

#b7a822 Preview

Shades and Tints of #b7a822

Tones of #b7a822

Color Blindness Simulator