#b8af77 hex color

In a RGB color space, hex #b8af77 is composed of 72.2% red, 68.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 35.3% yellow and 27.8% black. It has a hue angle of 51.7 degrees, a saturation of 31.4% and a lightness of 59.4%. #b8af77 color hex could be obtained by blending #ffffee with #715f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 72
- G 69
- B 47
RGB color chart
- C 0
- M 5
- Y 35
- K 28
CMYK color chart

● #b8af77 color description : Slightly desaturated yellow.

The hexadecimal color #b8af77 has RGB values of R:184, G:175, B:119 and CMYK values of C:0, M:0.05, Y:0.35, K:0.28. Its decimal value is 12103543.

Hex triplet	b8af77	`#b8af77`
RGB Decimal	184, 175, 119	`rgb(184,175,119)`
RGB Percent	72.2, 68.6, 46.7	`rgb(72.2%,68.6%,46.7%)`
CMYK	0, 5, 35, 28
HSL	51.7°, 31.4, 59.4	`hsl(51.7,31.4%,59.4%)`
HSV (or HSB)	51.7°, 35.3, 72.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.997, -5.271, 29.908
XYZ	38.426, 42.183, 23.57
xyY	0.369, 0.405, 42.183
CIE-LCH	70.997, 30.369, 99.995
CIE-LUV	70.997, 8.625, 40.056
Hunter-Lab	64.948, -8.05, 23.948
Binary	10111000, 10101111, 01110111

#b8af77
```
#b8af77 rgb(184,175,119)
```
#7780b8
```
#7780b8 rgb(119,128,184)
```

Complementary Color

#b88f77
```
#b88f77 rgb(184,143,119)
```
#b8af77
```
#b8af77 rgb(184,175,119)
```
#a1b877
```
#a1b877 rgb(161,184,119)
```

Analogous Color

#8f77b8
```
#8f77b8 rgb(143,119,184)
```
#b8af77
```
#b8af77 rgb(184,175,119)
```
#77a1b8
```
#77a1b8 rgb(119,161,184)
```

Split Complementary Color

#af77b8
```
#af77b8 rgb(175,119,184)
```
#b8af77
```
#b8af77 rgb(184,175,119)
```
#77b8af
```
#77b8af rgb(119,184,175)
```

Triadic Color

#b87780
```
#b87780 rgb(184,119,128)
```
#b8af77
```
#b8af77 rgb(184,175,119)
```
#77b8af
```
#77b8af rgb(119,184,175)
```
#7780b8
```
#7780b8 rgb(119,128,184)
```

Tetradic Color

#958b4e
```
#958b4e rgb(149,139,78)
```
#a69b56
```
#a69b56 rgb(166,155,86)
```
#afa566
```
#afa566 rgb(175,165,102)
```
#b8af77
```
#b8af77 rgb(184,175,119)
```
#c1b988
```
#c1b988 rgb(193,185,136)
```
#c9c399
```
#c9c399 rgb(201,195,153)
```
#d2cda9
```
#d2cda9 rgb(210,205,169)
```

Monochromatic Color

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

#b89f77
```
#b89f77 rgb(184,159,119)
```
#b8a477
```
#b8a477 rgb(184,164,119)
```
#b8aa77
```
#b8aa77 rgb(184,170,119)
```
#b8af77
```
#b8af77 rgb(184,175,119)
```
#b8b477
```
#b8b477 rgb(184,180,119)
```
#b6b877
```
#b6b877 rgb(182,184,119)
```
#b1b877
```
#b1b877 rgb(177,184,119)
```

Similar Colors

Text with hexadecimal color #b8af77

This text has a font color of #b8af77.

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

#b8af77 background color

This paragraph has a background color of #b8af77.

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

#b8af77 border color

This element has a border color of #b8af77.

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

CSS codes

.text {color:#b8af77;}

.background {background-color:#b8af77;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#13110a
```
#13110a rgb(19,17,10)
```
#201d10
```
#201d10 rgb(32,29,16)
```
#2c2917
```
#2c2917 rgb(44,41,23)
```
#39361e
```
#39361e rgb(57,54,30)
```
#464225
```
#464225 rgb(70,66,37)
```
#534e2b
```
#534e2b rgb(83,78,43)
```
#605a32
```
#605a32 rgb(96,90,50)
```
#6d6639
```
#6d6639 rgb(109,102,57)
```
#7a7240
```
#7a7240 rgb(122,114,64)
```
#877e46
```
#877e46 rgb(135,126,70)
```
#948a4d
```
#948a4d rgb(148,138,77)
```
#a09654
```
#a09654 rgb(160,150,84)
```

Shade Color Variation

#aba05d
```
#aba05d rgb(171,160,93)
```
#b1a76a
```
#b1a76a rgb(177,167,106)
```
#b8af77
```
#b8af77 rgb(184,175,119)
```
#bfb784
```
#bfb784 rgb(191,183,132)
```
#c5be91
```
#c5be91 rgb(197,190,145)
```
#ccc69e
```
#ccc69e rgb(204,198,158)
```
#d3cdab
```
#d3cdab rgb(211,205,171)
```
#dad5b7
```
#dad5b7 rgb(218,213,183)
```
#e0dcc4
```
#e0dcc4 rgb(224,220,196)
```
#e7e4d1
```
#e7e4d1 rgb(231,228,209)
```
#eeecde
```
#eeecde rgb(238,236,222)
```
#f5f3eb
```
#f5f3eb rgb(245,243,235)
```
#fbfbf8
```
#fbfbf8 rgb(251,251,248)
```

Tint Color Variation

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

#989897
```
#989897 rgb(152,152,151)
```
#a09e8f
```
#a09e8f rgb(160,158,143)
```
#a8a387
```
#a8a387 rgb(168,163,135)
```
#b0a97f
```
#b0a97f rgb(176,169,127)
```
#b8af77
```
#b8af77 rgb(184,175,119)
```
#c0b56f
```
#c0b56f rgb(192,181,111)
```
#c8bb67
```
#c8bb67 rgb(200,187,103)
```
#d0c05f
```
#d0c05f rgb(208,192,95)
```
#d8c657
```
#d8c657 rgb(216,198,87)
```
#e0cc4f
```
#e0cc4f rgb(224,204,79)
```
#e8d247
```
#e8d247 rgb(232,210,71)
```
#f0d73f
```
#f0d73f rgb(240,215,63)
```
#f8dd37
```
#f8dd37 rgb(248,221,55)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#aeaca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb17d Protanopia 1% of men
#d2aa80 Deuteranopia 1% of men
#c3abb7 Tritanopia 0.001% of the population

Trichromacy

#bdb07b Protanomaly 1% of men, 0.01% of women
#c8ac7d Deuteranomaly 6% of men, 0.4% of women
#bfaca0 Tritanomaly 0.01% of the population

#b8af77 hex color

#b8af77 Color Information

#b8af77 Color Conversion

Color Schemes with #b8af77

Alternatives to #b8af77

#b8af77 Preview

Shades and Tints of #b8af77

Tones of #b8af77

Color Blindness Simulator