#b0a877 hex color

In a RGB color space, hex #b0a877 is composed of 69% red, 65.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 32.4% yellow and 31% black. It has a hue angle of 51.6 degrees, a saturation of 26.5% and a lightness of 57.8%. #b0a877 color hex could be obtained by blending #ffffee with #615100. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 66
- B 47
RGB color chart
- C 0
- M 5
- Y 32
- K 31
CMYK color chart

● #b0a877 color description : Mostly desaturated dark yellow.

The hexadecimal color #b0a877 has RGB values of R:176, G:168, B:119 and CMYK values of C:0, M:0.05, Y:0.32, K:0.31. Its decimal value is 11577463.

Hex triplet	b0a877	`#b0a877`
RGB Decimal	176, 168, 119	`rgb(176,168,119)`
RGB Percent	69, 65.9, 46.7	`rgb(69%,65.9%,46.7%)`
CMYK	0, 5, 32, 31
HSL	51.6°, 26.5, 57.8	`hsl(51.6,26.5%,57.8%)`
HSV (or HSB)	51.6°, 32.4, 69
Web Safe	999966	`#999966`

CIE-LAB	68.437, -4.765, 26.401
XYZ	35.236, 38.568, 23.04
xyY	0.364, 0.398, 38.568
CIE-LCH	68.437, 26.828, 100.231
CIE-LUV	68.437, 7.617, 35.562
Hunter-Lab	62.103, -7.402, 21.476
Binary	10110000, 10101000, 01110111

#b0a877
```
#b0a877 rgb(176,168,119)
```
#777fb0
```
#777fb0 rgb(119,127,176)
```

Complementary Color

#b08c77
```
#b08c77 rgb(176,140,119)
```
#b0a877
```
#b0a877 rgb(176,168,119)
```
#9cb077
```
#9cb077 rgb(156,176,119)
```

Analogous Color

#8c77b0
```
#8c77b0 rgb(140,119,176)
```
#b0a877
```
#b0a877 rgb(176,168,119)
```
#779cb0
```
#779cb0 rgb(119,156,176)
```

Split Complementary Color

#a877b0
```
#a877b0 rgb(168,119,176)
```
#b0a877
```
#b0a877 rgb(176,168,119)
```
#77b0a8
```
#77b0a8 rgb(119,176,168)
```

Triadic Color

#b0777f
```
#b0777f rgb(176,119,127)
```
#b0a877
```
#b0a877 rgb(176,168,119)
```
#77b0a8
```
#77b0a8 rgb(119,176,168)
```
#777fb0
```
#777fb0 rgb(119,127,176)
```

Tetradic Color

#8a8250
```
#8a8250 rgb(138,130,80)
```
#9a915a
```
#9a915a rgb(154,145,90)
```
#a79e67
```
#a79e67 rgb(167,158,103)
```
#b0a877
```
#b0a877 rgb(176,168,119)
```
#b9b287
```
#b9b287 rgb(185,178,135)
```
#c3bd97
```
#c3bd97 rgb(195,189,151)
```
#ccc7a7
```
#ccc7a7 rgb(204,199,167)
```

Monochromatic Color

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

#b09a77
```
#b09a77 rgb(176,154,119)
```
#b09f77
```
#b09f77 rgb(176,159,119)
```
#b0a377
```
#b0a377 rgb(176,163,119)
```
#b0a877
```
#b0a877 rgb(176,168,119)
```
#b0ad77
```
#b0ad77 rgb(176,173,119)
```
#afb077
```
#afb077 rgb(175,176,119)
```
#aab077
```
#aab077 rgb(170,176,119)
```

Similar Colors

Text with hexadecimal color #b0a877

This text has a font color of #b0a877.

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

#b0a877 background color

This paragraph has a background color of #b0a877.

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

#b0a877 border color

This element has a border color of #b0a877.

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

CSS codes

.text {color:#b0a877;}

.background {background-color:#b0a877;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0c07
```
#0d0c07 rgb(13,12,7)
```
#19180f
```
#19180f rgb(25,24,15)
```
#262316
```
#262316 rgb(38,35,22)
```
#322f1d
```
#322f1d rgb(50,47,29)
```
#3f3b24
```
#3f3b24 rgb(63,59,36)
```
#4b472c
```
#4b472c rgb(75,71,44)
```
#575233
```
#575233 rgb(87,82,51)
```
#645e3a
```
#645e3a rgb(100,94,58)
```
#706a41
```
#706a41 rgb(112,106,65)
```
#7d7548
```
#7d7548 rgb(125,117,72)
```
#898150
```
#898150 rgb(137,129,80)
```
#958d57
```
#958d57 rgb(149,141,87)
```

Shade Color Variation

#a2985e
```
#a2985e rgb(162,152,94)
```
#a9a06b
```
#a9a06b rgb(169,160,107)
```
#b0a877
```
#b0a877 rgb(176,168,119)
```
#b7b083
```
#b7b083 rgb(183,176,131)
```
#beb890
```
#beb890 rgb(190,184,144)
```
#c6c09c
```
#c6c09c rgb(198,192,156)
```
#cdc8a9
```
#cdc8a9 rgb(205,200,169)
```
#d4d0b5
```
#d4d0b5 rgb(212,208,181)
```
#dbd8c1
```
#dbd8c1 rgb(219,216,193)
```
#e2e0ce
```
#e2e0ce rgb(226,224,206)
```
#eae7da
```
#eae7da rgb(234,231,218)
```
#f1efe7
```
#f1efe7 rgb(241,239,231)
```
#f8f7f3
```
#f8f7f3 rgb(248,247,243)
```

Tint Color Variation

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

#979690
```
#979690 rgb(151,150,144)
```
#9f9c88
```
#9f9c88 rgb(159,156,136)
```
#a8a27f
```
#a8a27f rgb(168,162,127)
```
#b0a877
```
#b0a877 rgb(176,168,119)
```
#b8ae6f
```
#b8ae6f rgb(184,174,111)
```
#c1b466
```
#c1b466 rgb(193,180,102)
```
#c9ba5e
```
#c9ba5e rgb(201,186,94)
```
#d1c056
```
#d1c056 rgb(209,192,86)
```
#d9c64e
```
#d9c64e rgb(217,198,78)
```
#e2cc45
```
#e2cc45 rgb(226,204,69)
```
#ead23d
```
#ead23d rgb(234,210,61)
```
#f2d835
```
#f2d835 rgb(242,216,53)
```
#fade2d
```
#fade2d rgb(250,222,45)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a69c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ab7d Protanopia 1% of men
#c9a480 Deuteranopia 1% of men
#bba5b1 Tritanopia 0.001% of the population

Trichromacy

#b5aa7b Protanomaly 1% of men, 0.01% of women
#c0a57d Deuteranomaly 6% of men, 0.4% of women
#b7a69c Tritanomaly 0.01% of the population

#b0a877 hex color

#b0a877 Color Information

#b0a877 Color Conversion

Color Schemes with #b0a877

Alternatives to #b0a877

#b0a877 Preview

Shades and Tints of #b0a877

Tones of #b0a877

Color Blindness Simulator