#b7ae56 hex color

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

♥
- f
- t
- g
- R 72
- G 68
- B 34
RGB color chart
- C 0
- M 5
- Y 53
- K 28
CMYK color chart

● #b7ae56 color description : Moderate yellow.

The hexadecimal color #b7ae56 has RGB values of R:183, G:174, B:86 and CMYK values of C:0, M:0.05, Y:0.53, K:0.28. Its decimal value is 12037718.

Hex triplet	b7ae56	`#b7ae56`
RGB Decimal	183, 174, 86	`rgb(183,174,86)`
RGB Percent	71.8, 68.2, 33.7	`rgb(71.8%,68.2%,33.7%)`
CMYK	0, 5, 53, 28
HSL	54.4°, 40.2, 52.7	`hsl(54.4,40.2%,52.7%)`
HSV (or HSB)	54.4°, 53, 71.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.184, -8.572, 45.749
XYZ	36.344, 41.012, 14.805
xyY	0.394, 0.445, 41.012
CIE-LCH	70.184, 46.545, 100.612
CIE-LUV	70.184, 10.084, 56.602
Hunter-Lab	64.041, -10.769, 31.121
Binary	10110111, 10101110, 01010110

#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#565fb7
```
#565fb7 rgb(86,95,183)
```

Complementary Color

#b77e56
```
#b77e56 rgb(183,126,86)
```
#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#90b756
```
#90b756 rgb(144,183,86)
```

Analogous Color

#7e56b7
```
#7e56b7 rgb(126,86,183)
```
#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#5690b7
```
#5690b7 rgb(86,144,183)
```

Split Complementary Color

#ae56b7
```
#ae56b7 rgb(174,86,183)
```
#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#56b7ae
```
#56b7ae rgb(86,183,174)
```

Triadic Color

#b7565f
```
#b7565f rgb(183,86,95)
```
#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#56b7ae
```
#56b7ae rgb(86,183,174)
```
#565fb7
```
#565fb7 rgb(86,95,183)
```

Tetradic Color

#87803a
```
#87803a rgb(135,128,58)
```
#999141
```
#999141 rgb(153,145,65)
```
#aba249
```
#aba249 rgb(171,162,73)
```
#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#bfb768
```
#bfb768 rgb(191,183,104)
```
#c6bf7a
```
#c6bf7a rgb(198,191,122)
```
#cec88c
```
#cec88c rgb(206,200,140)
```

Monochromatic Color

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

#b79656
```
#b79656 rgb(183,150,86)
```
#b79e56
```
#b79e56 rgb(183,158,86)
```
#b7a656
```
#b7a656 rgb(183,166,86)
```
#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#b7b656
```
#b7b656 rgb(183,182,86)
```
#b0b756
```
#b0b756 rgb(176,183,86)
```
#a8b756
```
#a8b756 rgb(168,183,86)
```

Similar Colors

Text with hexadecimal color #b7ae56

This text has a font color of #b7ae56.

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

#b7ae56 background color

This paragraph has a background color of #b7ae56.

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

#b7ae56 border color

This element has a border color of #b7ae56.

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

CSS codes

.text {color:#b7ae56;}

.background {background-color:#b7ae56;}

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

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)
```
#252310
```
#252310 rgb(37,35,16)
```
#333016
```
#333016 rgb(51,48,22)
```
#413d1c
```
#413d1c rgb(65,61,28)
```
#4f4a21
```
#4f4a21 rgb(79,74,33)
```
#5c5727
```
#5c5727 rgb(92,87,39)
```
#6a642d
```
#6a642d rgb(106,100,45)
```
#787133
```
#787133 rgb(120,113,51)
```
#867e39
```
#867e39 rgb(134,126,57)
```
#938c3f
```
#938c3f rgb(147,140,63)
```
#a19945
```
#a19945 rgb(161,153,69)
```
#afa64b
```
#afa64b rgb(175,166,75)
```

Shade Color Variation

#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#bdb564
```
#bdb564 rgb(189,181,100)
```
#c3bb72
```
#c3bb72 rgb(195,187,114)
```
#c9c27f
```
#c9c27f rgb(201,194,127)
```
#cec88d
```
#cec88d rgb(206,200,141)
```
#d4cf9b
```
#d4cf9b rgb(212,207,155)
```
#dad6a9
```
#dad6a9 rgb(218,214,169)
```
#e0dcb6
```
#e0dcb6 rgb(224,220,182)
```
#e6e3c4
```
#e6e3c4 rgb(230,227,196)
```
#ece9d2
```
#ece9d2 rgb(236,233,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 #f8e315 is the most saturated one.

#898884
```
#898884 rgb(137,136,132)
```
#92907b
```
#92907b rgb(146,144,123)
```
#9b9772
```
#9b9772 rgb(155,151,114)
```
#a49f69
```
#a49f69 rgb(164,159,105)
```
#aea65f
```
#aea65f rgb(174,166,95)
```
#b7ae56
```
#b7ae56 rgb(183,174,86)
```
#c0b64d
```
#c0b64d rgb(192,182,77)
```
#cabd43
```
#cabd43 rgb(202,189,67)
```
#d3c53a
```
#d3c53a rgb(211,197,58)
```
#dccc31
```
#dccc31 rgb(220,204,49)
```
#e5d428
```
#e5d428 rgb(229,212,40)
```
#efdb1e
```
#efdb1e rgb(239,219,30)
```
#f8e315
```
#f8e315 rgb(248,227,21)
```

Tone Color Variation

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

Dichromacy

#c1b05e Protanopia 1% of men
#d5a862 Deuteranopia 1% of men
#c4a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf5b Protanomaly 1% of men, 0.01% of women
#caaa5d Deuteranomaly 6% of men, 0.4% of women
#bfaa92 Tritanomaly 0.01% of the population

#b7ae56 hex color

#b7ae56 Color Information

#b7ae56 Color Conversion

Color Schemes with #b7ae56

Alternatives to #b7ae56

#b7ae56 Preview

Shades and Tints of #b7ae56

Tones of #b7ae56

Color Blindness Simulator