#b5af77 hex color

In a RGB color space, hex #b5af77 is composed of 71% red, 68.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.3% magenta, 34.3% yellow and 29% black. It has a hue angle of 54.2 degrees, a saturation of 29.5% and a lightness of 58.8%. #b5af77 color hex could be obtained by blending #ffffee with #6b5f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 69
- B 47
RGB color chart
- C 0
- M 3
- Y 34
- K 29
CMYK color chart

● #b5af77 color description : Slightly desaturated yellow.

The hexadecimal color #b5af77 has RGB values of R:181, G:175, B:119 and CMYK values of C:0, M:0.03, Y:0.34, K:0.29. Its decimal value is 11906935.

Hex triplet	b5af77	`#b5af77`
RGB Decimal	181, 175, 119	`rgb(181,175,119)`
RGB Percent	71, 68.6, 46.7	`rgb(71%,68.6%,46.7%)`
CMYK	0, 3, 34, 29
HSL	54.2°, 29.5, 58.8	`hsl(54.2,29.5%,58.8%)`
HSV (or HSB)	54.2°, 34.3, 71
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.744, -6.476, 29.529
XYZ	37.715, 41.816, 23.536
xyY	0.366, 0.406, 41.816
CIE-LCH	70.744, 30.23, 102.37
CIE-LUV	70.744, 6.673, 39.825
Hunter-Lab	64.665, -9.056, 23.686
Binary	10110101, 10101111, 01110111

#b5af77
```
#b5af77 rgb(181,175,119)
```
#777db5
```
#777db5 rgb(119,125,181)
```

Complementary Color

#b59077
```
#b59077 rgb(181,144,119)
```
#b5af77
```
#b5af77 rgb(181,175,119)
```
#9cb577
```
#9cb577 rgb(156,181,119)
```

Analogous Color

#9077b5
```
#9077b5 rgb(144,119,181)
```
#b5af77
```
#b5af77 rgb(181,175,119)
```
#779cb5
```
#779cb5 rgb(119,156,181)
```

Split Complementary Color

#af77b5
```
#af77b5 rgb(175,119,181)
```
#b5af77
```
#b5af77 rgb(181,175,119)
```
#77b5af
```
#77b5af rgb(119,181,175)
```

Triadic Color

#b5777d
```
#b5777d rgb(181,119,125)
```
#b5af77
```
#b5af77 rgb(181,175,119)
```
#77b5af
```
#77b5af rgb(119,181,175)
```
#777db5
```
#777db5 rgb(119,125,181)
```

Tetradic Color

#918a4f
```
#918a4f rgb(145,138,79)
```
#a19a58
```
#a19a58 rgb(161,154,88)
```
#aca566
```
#aca566 rgb(172,165,102)
```
#b5af77
```
#b5af77 rgb(181,175,119)
```
#beb988
```
#beb988 rgb(190,185,136)
```
#c7c298
```
#c7c298 rgb(199,194,152)
```
#d0cca9
```
#d0cca9 rgb(208,204,169)
```

Monochromatic Color

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

#b5a077
```
#b5a077 rgb(181,160,119)
```
#b5a577
```
#b5a577 rgb(181,165,119)
```
#b5aa77
```
#b5aa77 rgb(181,170,119)
```
#b5af77
```
#b5af77 rgb(181,175,119)
```
#b5b477
```
#b5b477 rgb(181,180,119)
```
#b1b577
```
#b1b577 rgb(177,181,119)
```
#acb577
```
#acb577 rgb(172,181,119)
```

Similar Colors

Text with hexadecimal color #b5af77

This text has a font color of #b5af77.

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

#b5af77 background color

This paragraph has a background color of #b5af77.

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

#b5af77 border color

This element has a border color of #b5af77.

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

CSS codes

.text {color:#b5af77;}

.background {background-color:#b5af77;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#101009
```
#101009 rgb(16,16,9)
```
#1d1c10
```
#1d1c10 rgb(29,28,16)
```
#2a2817
```
#2a2817 rgb(42,40,23)
```
#37341e
```
#37341e rgb(55,52,30)
```
#434025
```
#434025 rgb(67,64,37)
```
#504c2c
```
#504c2c rgb(80,76,44)
```
#5d5932
```
#5d5932 rgb(93,89,50)
```
#696539
```
#696539 rgb(105,101,57)
```
#767140
```
#767140 rgb(118,113,64)
```
#837d47
```
#837d47 rgb(131,125,71)
```
#8f894e
```
#8f894e rgb(143,137,78)
```
#9c9555
```
#9c9555 rgb(156,149,85)
```

Shade Color Variation

#a7a05e
```
#a7a05e rgb(167,160,94)
```
#aea86a
```
#aea86a rgb(174,168,106)
```
#b5af77
```
#b5af77 rgb(181,175,119)
```
#bcb684
```
#bcb684 rgb(188,182,132)
```
#c3be90
```
#c3be90 rgb(195,190,144)
```
#cac59d
```
#cac59d rgb(202,197,157)
```
#d1cdaa
```
#d1cdaa rgb(209,205,170)
```
#d8d4b7
```
#d8d4b7 rgb(216,212,183)
```
#dedcc3
```
#dedcc3 rgb(222,220,195)
```
#e5e3d0
```
#e5e3d0 rgb(229,227,208)
```
#ecebdd
```
#ecebdd rgb(236,235,221)
```
#f3f2e9
```
#f3f2e9 rgb(243,242,233)
```
#fafaf6
```
#fafaf6 rgb(250,250,246)
```

Tint Color Variation

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

#9d9b8f
```
#9d9b8f rgb(157,155,143)
```
#a5a287
```
#a5a287 rgb(165,162,135)
```
#ada87f
```
#ada87f rgb(173,168,127)
```
#b5af77
```
#b5af77 rgb(181,175,119)
```
#bdb66f
```
#bdb66f rgb(189,182,111)
```
#c5bc67
```
#c5bc67 rgb(197,188,103)
```
#cdc35f
```
#cdc35f rgb(205,195,95)
```
#d5c957
```
#d5c957 rgb(213,201,87)
```
#ddd04f
```
#ddd04f rgb(221,208,79)
```
#e5d647
```
#e5d647 rgb(229,214,71)
```
#eedd3e
```
#eedd3e rgb(238,221,62)
```
#f6e336
```
#f6e336 rgb(246,227,54)
```
#feea2e
```
#feea2e rgb(254,234,46)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#acaba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb17d Protanopia 1% of men
#d1aa80 Deuteranopia 1% of men
#c0abb7 Tritanopia 0.001% of the population

Trichromacy

#bbb07b Protanomaly 1% of men, 0.01% of women
#c7ac7d Deuteranomaly 6% of men, 0.4% of women
#bcaca0 Tritanomaly 0.01% of the population

#b5af77 hex color

#b5af77 Color Information

#b5af77 Color Conversion

Color Schemes with #b5af77

Alternatives to #b5af77

#b5af77 Preview

Shades and Tints of #b5af77

Tones of #b5af77

Color Blindness Simulator