#b0a78f hex color

In a RGB color space, hex #b0a78f is composed of 69% red, 65.5% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 18.8% yellow and 31% black. It has a hue angle of 43.6 degrees, a saturation of 17.3% and a lightness of 62.5%. #b0a78f color hex could be obtained by blending #ffffff with #614f1f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 65
- B 56
RGB color chart
- C 0
- M 5
- Y 19
- K 31
CMYK color chart

● #b0a78f color description : Dark grayish orange.

The hexadecimal color #b0a78f has RGB values of R:176, G:167, B:143 and CMYK values of C:0, M:0.05, Y:0.19, K:0.31. Its decimal value is 11577231.

Hex triplet	b0a78f	`#b0a78f`
RGB Decimal	176, 167, 143	`rgb(176,167,143)`
RGB Percent	69, 65.5, 56.1	`rgb(69%,65.5%,56.1%)`
CMYK	0, 5, 19, 31
HSL	43.6°, 17.3, 62.5	`hsl(43.6,17.3%,62.5%)`
HSV (or HSB)	43.6°, 18.8, 69
Web Safe	999999	`#999999`

CIE-LAB	68.643, -0.813, 13.588
XYZ	36.68, 38.851, 31.552
xyY	0.343, 0.363, 38.851
CIE-LCH	68.643, 13.613, 93.426
CIE-LUV	68.643, 6.802, 19.019
Hunter-Lab	62.331, -4.035, 13.619
Binary	10110000, 10100111, 10001111

#b0a78f
```
#b0a78f rgb(176,167,143)
```
#8f98b0
```
#8f98b0 rgb(143,152,176)
```

Complementary Color

#b0978f
```
#b0978f rgb(176,151,143)
```
#b0a78f
```
#b0a78f rgb(176,167,143)
```
#a9b08f
```
#a9b08f rgb(169,176,143)
```

Analogous Color

#978fb0
```
#978fb0 rgb(151,143,176)
```
#b0a78f
```
#b0a78f rgb(176,167,143)
```
#8fa9b0
```
#8fa9b0 rgb(143,169,176)
```

Split Complementary Color

#a78fb0
```
#a78fb0 rgb(167,143,176)
```
#b0a78f
```
#b0a78f rgb(176,167,143)
```
#8fb0a7
```
#8fb0a7 rgb(143,176,167)
```

Triadic Color

#b08f98
```
#b08f98 rgb(176,143,152)
```
#b0a78f
```
#b0a78f rgb(176,167,143)
```
#8fb0a7
```
#8fb0a7 rgb(143,176,167)
```
#8f98b0
```
#8f98b0 rgb(143,152,176)
```

Tetradic Color

#8e8364
```
#8e8364 rgb(142,131,100)
```
#9b9071
```
#9b9071 rgb(155,144,113)
```
#a59b80
```
#a59b80 rgb(165,155,128)
```
#b0a78f
```
#b0a78f rgb(176,167,143)
```
#bbb39e
```
#bbb39e rgb(187,179,158)
```
#c5bead
```
#c5bead rgb(197,190,173)
```
#d0cabc
```
#d0cabc rgb(208,202,188)
```

Monochromatic Color

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

#b09f8f
```
#b09f8f rgb(176,159,143)
```
#b0a28f
```
#b0a28f rgb(176,162,143)
```
#b0a48f
```
#b0a48f rgb(176,164,143)
```
#b0a78f
```
#b0a78f rgb(176,167,143)
```
#b0aa8f
```
#b0aa8f rgb(176,170,143)
```
#b0ad8f
```
#b0ad8f rgb(176,173,143)
```
#b0af8f
```
#b0af8f rgb(176,175,143)
```

Similar Colors

Text with hexadecimal color #b0a78f

This text has a font color of #b0a78f.

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

#b0a78f background color

This paragraph has a background color of #b0a78f.

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

#b0a78f border color

This element has a border color of #b0a78f.

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

CSS codes

.text {color:#b0a78f;}

.background {background-color:#b0a78f;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f0d0a
```
#0f0d0a rgb(15,13,10)
```
#1a1812
```
#1a1812 rgb(26,24,18)
```
#26231a
```
#26231a rgb(38,35,26)
```
#312d23
```
#312d23 rgb(49,45,35)
```
#3d382b
```
#3d382b rgb(61,56,43)
```
#484233
```
#484233 rgb(72,66,51)
```
#544d3b
```
#544d3b rgb(84,77,59)
```
#5f5743
```
#5f5743 rgb(95,87,67)
```
#6b624b
```
#6b624b rgb(107,98,75)
```
#766d53
```
#766d53 rgb(118,109,83)
```
#82775b
```
#82775b rgb(130,119,91)
```
#8d8263
```
#8d8263 rgb(141,130,99)
```

Shade Color Variation

#988c6c
```
#988c6c rgb(152,140,108)
```
#a09578
```
#a09578 rgb(160,149,120)
```
#a89e83
```
#a89e83 rgb(168,158,131)
```
#b0a78f
```
#b0a78f rgb(176,167,143)
```
#b8b09b
```
#b8b09b rgb(184,176,155)
```
#c0b9a6
```
#c0b9a6 rgb(192,185,166)
```
#c8c2b2
```
#c8c2b2 rgb(200,194,178)
```
#d0cbbd
```
#d0cbbd rgb(208,203,189)
```
#d9d4c9
```
#d9d4c9 rgb(217,212,201)
```
#e1ddd4
```
#e1ddd4 rgb(225,221,212)
```
#e9e6e0
```
#e9e6e0 rgb(233,230,224)
```
#f1efeb
```
#f1efeb rgb(241,239,235)
```
#f9f8f7
```
#f9f8f7 rgb(249,248,247)
```

Tint Color Variation

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

#a1a09e
```
#a1a09e rgb(161,160,158)
```
#a9a496
```
#a9a496 rgb(169,164,150)
```
#b0a78f
```
#b0a78f rgb(176,167,143)
```
#b7aa88
```
#b7aa88 rgb(183,170,136)
```
#bfae80
```
#bfae80 rgb(191,174,128)
```
#c6b179
```
#c6b179 rgb(198,177,121)
```
#cdb472
```
#cdb472 rgb(205,180,114)
```
#d5b86a
```
#d5b86a rgb(213,184,106)
```
#dcbb63
```
#dcbb63 rgb(220,187,99)
```
#e3be5c
```
#e3be5c rgb(227,190,92)
```
#ebc254
```
#ebc254 rgb(235,194,84)
```
#f2c54d
```
#f2c54d rgb(242,197,77)
```
#f9c846
```
#f9c846 rgb(249,200,70)
```

Tone Color Variation

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

Dichromacy

#b4ab94 Protanopia 1% of men
#c3a696 Deuteranopia 1% of men
#b8a7b3 Tritanopia 0.001% of the population

Trichromacy

#b2a992 Protanomaly 1% of men, 0.01% of women
#bca693 Deuteranomaly 6% of men, 0.4% of women
#b5a7a5 Tritanomaly 0.01% of the population

#b0a78f hex color

#b0a78f Color Information

#b0a78f Color Conversion

Color Schemes with #b0a78f

Alternatives to #b0a78f

#b0a78f Preview

Shades and Tints of #b0a78f

Tones of #b0a78f

Color Blindness Simulator