#b7af77 hex color

In a RGB color space, hex #b7af77 is composed of 71.8% red, 68.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 35% yellow and 28.2% black. It has a hue angle of 52.5 degrees, a saturation of 30.8% and a lightness of 59.2%. #b7af77 color hex could be obtained by blending #ffffee with #6f5f00. Closest websafe color is: #cc9966.

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

● #b7af77 color description : Slightly desaturated yellow.

The hexadecimal color #b7af77 has RGB values of R:183, G:175, B:119 and CMYK values of C:0, M:0.04, Y:0.35, K:0.28. Its decimal value is 12038007.

Hex triplet	b7af77	`#b7af77`
RGB Decimal	183, 175, 119	`rgb(183,175,119)`
RGB Percent	71.8, 68.6, 46.7	`rgb(71.8%,68.6%,46.7%)`
CMYK	0, 4, 35, 28
HSL	52.5°, 30.8, 59.2	`hsl(52.5,30.8%,59.2%)`
HSV (or HSB)	52.5°, 35, 71.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.912, -5.673, 29.781
XYZ	38.188, 42.06, 23.558
xyY	0.368, 0.405, 42.06
CIE-LCH	70.912, 30.316, 100.785
CIE-LUV	70.912, 7.972, 39.979
Hunter-Lab	64.853, -8.387, 23.86
Binary	10110111, 10101111, 01110111

#b7af77
```
#b7af77 rgb(183,175,119)
```
#777fb7
```
#777fb7 rgb(119,127,183)
```

Complementary Color

#b78f77
```
#b78f77 rgb(183,143,119)
```
#b7af77
```
#b7af77 rgb(183,175,119)
```
#9fb777
```
#9fb777 rgb(159,183,119)
```

Analogous Color

#8f77b7
```
#8f77b7 rgb(143,119,183)
```
#b7af77
```
#b7af77 rgb(183,175,119)
```
#779fb7
```
#779fb7 rgb(119,159,183)
```

Split Complementary Color

#af77b7
```
#af77b7 rgb(175,119,183)
```
#b7af77
```
#b7af77 rgb(183,175,119)
```
#77b7af
```
#77b7af rgb(119,183,175)
```

Triadic Color

#b7777f
```
#b7777f rgb(183,119,127)
```
#b7af77
```
#b7af77 rgb(183,175,119)
```
#77b7af
```
#77b7af rgb(119,183,175)
```
#777fb7
```
#777fb7 rgb(119,127,183)
```

Tetradic Color

#938b4e
```
#938b4e rgb(147,139,78)
```
#a49a57
```
#a49a57 rgb(164,154,87)
```
#aea566
```
#aea566 rgb(174,165,102)
```
#b7af77
```
#b7af77 rgb(183,175,119)
```
#c0b988
```
#c0b988 rgb(192,185,136)
```
#c9c398
```
#c9c398 rgb(201,195,152)
```
#d1cca9
```
#d1cca9 rgb(209,204,169)
```

Monochromatic Color

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

#b79f77
```
#b79f77 rgb(183,159,119)
```
#b7a477
```
#b7a477 rgb(183,164,119)
```
#b7aa77
```
#b7aa77 rgb(183,170,119)
```
#b7af77
```
#b7af77 rgb(183,175,119)
```
#b7b477
```
#b7b477 rgb(183,180,119)
```
#b4b777
```
#b4b777 rgb(180,183,119)
```
#afb777
```
#afb777 rgb(175,183,119)
```

Similar Colors

Text with hexadecimal color #b7af77

This text has a font color of #b7af77.

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

#b7af77 background color

This paragraph has a background color of #b7af77.

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

#b7af77 border color

This element has a border color of #b7af77.

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

CSS codes

.text {color:#b7af77;}

.background {background-color:#b7af77;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#121109
```
#121109 rgb(18,17,9)
```
#1f1d10
```
#1f1d10 rgb(31,29,16)
```
#2c2917
```
#2c2917 rgb(44,41,23)
```
#38351e
```
#38351e rgb(56,53,30)
```
#454125
```
#454125 rgb(69,65,37)
```
#524d2b
```
#524d2b rgb(82,77,43)
```
#5f5932
```
#5f5932 rgb(95,89,50)
```
#6c6539
```
#6c6539 rgb(108,101,57)
```
#797140
```
#797140 rgb(121,113,64)
```
#857d47
```
#857d47 rgb(133,125,71)
```
#928a4d
```
#928a4d rgb(146,138,77)
```
#9f9654
```
#9f9654 rgb(159,150,84)
```

Shade Color Variation

#a9a05d
```
#a9a05d rgb(169,160,93)
```
#b0a76a
```
#b0a76a rgb(176,167,106)
```
#b7af77
```
#b7af77 rgb(183,175,119)
```
#beb784
```
#beb784 rgb(190,183,132)
```
#c5be91
```
#c5be91 rgb(197,190,145)
```
#cbc69d
```
#cbc69d rgb(203,198,157)
```
#d2cdaa
```
#d2cdaa rgb(210,205,170)
```
#d9d5b7
```
#d9d5b7 rgb(217,213,183)
```
#e0dcc4
```
#e0dcc4 rgb(224,220,196)
```
#e7e4d1
```
#e7e4d1 rgb(231,228,209)
```
#edebde
```
#edebde rgb(237,235,222)
```
#f4f3ea
```
#f4f3ea rgb(244,243,234)
```
#fbfaf7
```
#fbfaf7 rgb(251,250,247)
```

Tint Color Variation

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

#9f9d8f
```
#9f9d8f rgb(159,157,143)
```
#a7a387
```
#a7a387 rgb(167,163,135)
```
#afa97f
```
#afa97f rgb(175,169,127)
```
#b7af77
```
#b7af77 rgb(183,175,119)
```
#bfb56f
```
#bfb56f rgb(191,181,111)
```
#c7bb67
```
#c7bb67 rgb(199,187,103)
```
#cfc15f
```
#cfc15f rgb(207,193,95)
```
#d7c757
```
#d7c757 rgb(215,199,87)
```
#dfcd4f
```
#dfcd4f rgb(223,205,79)
```
#e7d347
```
#e7d347 rgb(231,211,71)
```
#efd93f
```
#efd93f rgb(239,217,63)
```
#f7df37
```
#f7df37 rgb(247,223,55)
```
#ffe52f
```
#ffe52f rgb(255,229,47)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#b7af77 hex color

#b7af77 Color Information

#b7af77 Color Conversion

Color Schemes with #b7af77

Alternatives to #b7af77

#b7af77 Preview

Shades and Tints of #b7af77

Tones of #b7af77

Color Blindness Simulator