colorhexa.com

#b7af56 hex color

In a RGB color space, hex #b7af56 is composed of 71.8% red, 68.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 53% yellow and 28.2% black. It has a hue angle of 55.1 degrees, a saturation of 40.2% and a lightness of 52.7%. #b7af56 color hex could be obtained by blending #ffffac with #6f5f00. Closest websafe color is: #cc9966.

- R 72
- G 69
- B 34
RGB color chart
- C 0
- M 4
- Y 53
- K 28
CMYK color chart

● #b7af56 color description : Moderate yellow.

The hexadecimal color #b7af56 has RGB values of R:183, G:175, B:86 and CMYK values of C:0, M:0.04, Y:0.53, K:0.28. Its decimal value is 12037974.

Hex triplet	b7af56	`#b7af56`
RGB Decimal	183, 175, 86	`rgb(183,175,86)`
RGB Percent	71.8, 68.6, 33.7	`rgb(71.8%,68.6%,33.7%)`
CMYK	0, 4, 53, 28
HSL	55.1°, 40.2, 52.7	`hsl(55.1,40.2%,52.7%)`
HSV (or HSB)	55.1°, 53, 71.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.455, -9.095, 46.066
XYZ	36.538, 41.4, 14.87
xyY	0.394, 0.446, 41.4
CIE-LCH	70.455, 46.956, 101.168
CIE-LUV	70.455, 9.444, 57.081
Hunter-Lab	64.343, -11.236, 31.338
Binary	10110111, 10101111, 01010110

#b7af56
```
#b7af56 rgb(183,175,86)
```
#565eb7
```
#565eb7 rgb(86,94,183)
```

Complementary Color

#b77f56
```
#b77f56 rgb(183,127,86)
```
#b7af56
```
#b7af56 rgb(183,175,86)
```
#8fb756
```
#8fb756 rgb(143,183,86)
```

Analogous Color

#7f56b7
```
#7f56b7 rgb(127,86,183)
```
#b7af56
```
#b7af56 rgb(183,175,86)
```
#568fb7
```
#568fb7 rgb(86,143,183)
```

Split Complementary Color

#af56b7
```
#af56b7 rgb(175,86,183)
```
#b7af56
```
#b7af56 rgb(183,175,86)
```
#56b7af
```
#56b7af rgb(86,183,175)
```

Triadic Color

#b7565e
```
#b7565e rgb(183,86,94)
```
#b7af56
```
#b7af56 rgb(183,175,86)
```
#56b7af
```
#56b7af rgb(86,183,175)
```
#565eb7
```
#565eb7 rgb(86,94,183)
```

Tetradic Color

#87813a
```
#87813a rgb(135,129,58)
```
#999241
```
#999241 rgb(153,146,65)
```
#aba349
```
#aba349 rgb(171,163,73)
```
#b7af56
```
#b7af56 rgb(183,175,86)
```
#bfb768
```
#bfb768 rgb(191,183,104)
```
#c6c07a
```
#c6c07a rgb(198,192,122)
```
#cec88c
```
#cec88c rgb(206,200,140)
```

Monochromatic Color

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

#b79756
```
#b79756 rgb(183,151,86)
```
#b79f56
```
#b79f56 rgb(183,159,86)
```
#b7a756
```
#b7a756 rgb(183,167,86)
```
#b7af56
```
#b7af56 rgb(183,175,86)
```
#b7b756
```
#b7b756 rgb(183,183,86)
```
#afb756
```
#afb756 rgb(175,183,86)
```
#a7b756
```
#a7b756 rgb(167,183,86)
```

Similar Colors

Text with hexadecimal color #b7af56

This text has a font color of #b7af56.

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

#b7af56 background color

This paragraph has a background color of #b7af56.

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

#b7af56 border color

This element has a border color of #b7af56.

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

CSS codes

.text {color:#b7af56;}

.background {background-color:#b7af56;}

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

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

#0a0904
```
#0a0904 rgb(10,9,4)
```
#18160a
```
#18160a rgb(24,22,10)
```
#252410
```
#252410 rgb(37,36,16)
```
#333116
```
#333116 rgb(51,49,22)
```
#413e1c
```
#413e1c rgb(65,62,28)
```
#4f4b21
```
#4f4b21 rgb(79,75,33)
```
#5c5827
```
#5c5827 rgb(92,88,39)
```
#6a652d
```
#6a652d rgb(106,101,45)
```
#787233
```
#787233 rgb(120,114,51)
```
#867f39
```
#867f39 rgb(134,127,57)
```
#938c3f
```
#938c3f rgb(147,140,63)
```
#a19945
```
#a19945 rgb(161,153,69)
```
#afa74b
```
#afa74b rgb(175,167,75)
```

Shade Color Variation

#b7af56
```
#b7af56 rgb(183,175,86)
```
#bdb664
```
#bdb664 rgb(189,182,100)
```
#c3bc72
```
#c3bc72 rgb(195,188,114)
```
#c9c37f
```
#c9c37f rgb(201,195,127)
```
#cec98d
```
#cec98d rgb(206,201,141)
```
#d4d09b
```
#d4d09b rgb(212,208,155)
```
#dad6a9
```
#dad6a9 rgb(218,214,169)
```
#e0ddb6
```
#e0ddb6 rgb(224,221,182)
```
#e6e3c4
```
#e6e3c4 rgb(230,227,196)
```
#ecead2
```
#ecead2 rgb(236,234,210)
```
#f2f0e0
```
#f2f0e0 rgb(242,240,224)
```
#f7f7ed
```
#f7f7ed rgb(247,247,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#898884
```
#898884 rgb(137,136,132)
```
#92907b
```
#92907b rgb(146,144,123)
```
#9b9872
```
#9b9872 rgb(155,152,114)
```
#a4a069
```
#a4a069 rgb(164,160,105)
```
#aea75f
```
#aea75f rgb(174,167,95)
```
#b7af56
```
#b7af56 rgb(183,175,86)
```
#c0b74d
```
#c0b74d rgb(192,183,77)
```
#cabe43
```
#cabe43 rgb(202,190,67)
```
#d3c63a
```
#d3c63a rgb(211,198,58)
```
#dcce31
```
#dcce31 rgb(220,206,49)
```
#e5d628
```
#e5d628 rgb(229,214,40)
```
#efdd1e
```
#efdd1e rgb(239,221,30)
```
#f8e515
```
#f8e515 rgb(248,229,21)
```

Tone Color Variation

Below, you can see how #b7af56 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
#aaa997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b05e Protanopia 1% of men
#d6a862 Deuteranopia 1% of men
#c4a9b5 Tritanopia 0.001% of the population

Trichromacy

#beb05b Protanomaly 1% of men, 0.01% of women
#cbab5d Deuteranomaly 6% of men, 0.4% of women
#bfab92 Tritanomaly 0.01% of the population