#b7af51 hex color

In a RGB color space, hex #b7af51 is composed of 71.8% red, 68.6% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 55.7% yellow and 28.2% black. It has a hue angle of 55.3 degrees, a saturation of 41.5% and a lightness of 51.8%. #b7af51 color hex could be obtained by blending #ffffa2 with #6f5f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 72
- G 69
- B 32
RGB color chart
- C 0
- M 4
- Y 56
- K 28
CMYK color chart

● #b7af51 color description : Moderate yellow.

The hexadecimal color #b7af51 has RGB values of R:183, G:175, B:81 and CMYK values of C:0, M:0.04, Y:0.56, K:0.28. Its decimal value is 12037969.

Hex triplet	b7af51	`#b7af51`
RGB Decimal	183, 175, 81	`rgb(183,175,81)`
RGB Percent	71.8, 68.6, 31.8	`rgb(71.8%,68.6%,31.8%)`
CMYK	0, 4, 56, 28
HSL	55.3°, 41.5, 51.8	`hsl(55.3,41.5%,51.8%)`
HSV (or HSB)	55.3°, 55.7, 71.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.401, -9.507, 48.394
XYZ	36.344, 41.322, 13.846
xyY	0.397, 0.452, 41.322
CIE-LCH	70.401, 49.319, 101.115
CIE-LUV	70.401, 9.627, 59.205
Hunter-Lab	64.282, -11.574, 32.227
Binary	10110111, 10101111, 01010001

#b7af51
```
#b7af51 rgb(183,175,81)
```
#5159b7
```
#5159b7 rgb(81,89,183)
```

Complementary Color

#b77c51
```
#b77c51 rgb(183,124,81)
```
#b7af51
```
#b7af51 rgb(183,175,81)
```
#8cb751
```
#8cb751 rgb(140,183,81)
```

Analogous Color

#7c51b7
```
#7c51b7 rgb(124,81,183)
```
#b7af51
```
#b7af51 rgb(183,175,81)
```
#518cb7
```
#518cb7 rgb(81,140,183)
```

Split Complementary Color

#af51b7
```
#af51b7 rgb(175,81,183)
```
#b7af51
```
#b7af51 rgb(183,175,81)
```
#51b7af
```
#51b7af rgb(81,183,175)
```

Triadic Color

#b75159
```
#b75159 rgb(183,81,89)
```
#b7af51
```
#b7af51 rgb(183,175,81)
```
#51b7af
```
#51b7af rgb(81,183,175)
```
#5159b7
```
#5159b7 rgb(81,89,183)
```

Tetradic Color

#857f37
```
#857f37 rgb(133,127,55)
```
#97903e
```
#97903e rgb(151,144,62)
```
#a9a146
```
#a9a146 rgb(169,161,70)
```
#b7af51
```
#b7af51 rgb(183,175,81)
```
#beb763
```
#beb763 rgb(190,183,99)
```
#c6c075
```
#c6c075 rgb(198,192,117)
```
#cdc887
```
#cdc887 rgb(205,200,135)
```

Monochromatic Color

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

#b79651
```
#b79651 rgb(183,150,81)
```
#b79e51
```
#b79e51 rgb(183,158,81)
```
#b7a751
```
#b7a751 rgb(183,167,81)
```
#b7af51
```
#b7af51 rgb(183,175,81)
```
#b7b751
```
#b7b751 rgb(183,183,81)
```
#aeb751
```
#aeb751 rgb(174,183,81)
```
#a6b751
```
#a6b751 rgb(166,183,81)
```

Similar Colors

Text with hexadecimal color #b7af51

This text has a font color of #b7af51.

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

#b7af51 background color

This paragraph has a background color of #b7af51.

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

#b7af51 border color

This element has a border color of #b7af51.

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

CSS codes

.text {color:#b7af51;}

.background {background-color:#b7af51;}

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

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

#060603
```
#060603 rgb(6,6,3)
```
#141308
```
#141308 rgb(20,19,8)
```
#22210e
```
#22210e rgb(34,33,14)
```
#302e14
```
#302e14 rgb(48,46,20)
```
#3e3b1a
```
#3e3b1a rgb(62,59,26)
```
#4c481f
```
#4c481f rgb(76,72,31)
```
#5a5525
```
#5a5525 rgb(90,85,37)
```
#67632b
```
#67632b rgb(103,99,43)
```
#757031
```
#757031 rgb(117,112,49)
```
#837d36
```
#837d36 rgb(131,125,54)
```
#918a3c
```
#918a3c rgb(145,138,60)
```
#9f9842
```
#9f9842 rgb(159,152,66)
```
#ada548
```
#ada548 rgb(173,165,72)
```

Shade Color Variation

#b7af51
```
#b7af51 rgb(183,175,81)
```
#bdb55f
```
#bdb55f rgb(189,181,95)
```
#c2bc6d
```
#c2bc6d rgb(194,188,109)
```
#c8c27b
```
#c8c27b rgb(200,194,123)
```
#cec988
```
#cec988 rgb(206,201,136)
```
#d4cf96
```
#d4cf96 rgb(212,207,150)
```
#d9d5a4
```
#d9d5a4 rgb(217,213,164)
```
#dfdcb2
```
#dfdcb2 rgb(223,220,178)
```
#e5e2c0
```
#e5e2c0 rgb(229,226,192)
```
#ebe8ce
```
#ebe8ce rgb(235,232,206)
```
#f0efdc
```
#f0efdc rgb(240,239,220)
```
#f6f5ea
```
#f6f5ea rgb(246,245,234)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#888780
```
#888780 rgb(136,135,128)
```
#918f77
```
#918f77 rgb(145,143,119)
```
#9b976d
```
#9b976d rgb(155,151,109)
```
#a49f64
```
#a49f64 rgb(164,159,100)
```
#aea75a
```
#aea75a rgb(174,167,90)
```
#b7af51
```
#b7af51 rgb(183,175,81)
```
#c0b748
```
#c0b748 rgb(192,183,72)
```
#cabf3e
```
#cabf3e rgb(202,191,62)
```
#d3c735
```
#d3c735 rgb(211,199,53)
```
#ddcf2b
```
#ddcf2b rgb(221,207,43)
```
#e6d722
```
#e6d722 rgb(230,215,34)
```
#f0df18
```
#f0df18 rgb(240,223,24)
```
#f9e70f
```
#f9e70f rgb(249,231,15)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aaa996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b059 Protanopia 1% of men
#d7a85d Deuteranopia 1% of men
#c4a9b5 Tritanopia 0.001% of the population

Trichromacy

#beb056 Protanomaly 1% of men, 0.01% of women
#cbaa59 Deuteranomaly 6% of men, 0.4% of women
#bfab90 Tritanomaly 0.01% of the population

#b7af51 hex color

#b7af51 Color Information

#b7af51 Color Conversion

Color Schemes with #b7af51

Alternatives to #b7af51

#b7af51 Preview

Shades and Tints of #b7af51

Tones of #b7af51

Color Blindness Simulator