#b4a58f hex color

In a RGB color space, hex #b4a58f is composed of 70.6% red, 64.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 20.6% yellow and 29.4% black. It has a hue angle of 35.7 degrees, a saturation of 19.8% and a lightness of 63.3%. #b4a58f color hex could be obtained by blending #ffffff with #694b1f. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 71
- G 65
- B 56
RGB color chart
- C 0
- M 8
- Y 21
- K 29
CMYK color chart

● #b4a58f color description : Grayish orange.

The hexadecimal color #b4a58f has RGB values of R:180, G:165, B:143 and CMYK values of C:0, M:0.08, Y:0.21, K:0.29. Its decimal value is 11838863.

Hex triplet	b4a58f	`#b4a58f`
RGB Decimal	180, 165, 143	`rgb(180,165,143)`
RGB Percent	70.6, 64.7, 56.1	`rgb(70.6%,64.7%,56.1%)`
CMYK	0, 8, 21, 29
HSL	35.7°, 19.8, 63.3	`hsl(35.7,19.8%,63.3%)`
HSV (or HSB)	35.7°, 20.6, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.459, 1.808, 13.379
XYZ	37.235, 38.597, 31.474
xyY	0.347, 0.36, 38.597
CIE-LCH	68.459, 13.501, 82.306
CIE-LUV	68.459, 10.459, 18.246
Hunter-Lab	62.127, -1.74, 13.452
Binary	10110100, 10100101, 10001111

#b4a58f
```
#b4a58f rgb(180,165,143)
```
#8f9eb4
```
#8f9eb4 rgb(143,158,180)
```

Complementary Color

#b4938f
```
#b4938f rgb(180,147,143)
```
#b4a58f
```
#b4a58f rgb(180,165,143)
```
#b1b48f
```
#b1b48f rgb(177,180,143)
```

Analogous Color

#938fb4
```
#938fb4 rgb(147,143,180)
```
#b4a58f
```
#b4a58f rgb(180,165,143)
```
#8fb1b4
```
#8fb1b4 rgb(143,177,180)
```

Split Complementary Color

#a58fb4
```
#a58fb4 rgb(165,143,180)
```
#b4a58f
```
#b4a58f rgb(180,165,143)
```
#8fb4a5
```
#8fb4a5 rgb(143,180,165)
```

Triadic Color

#b48f9e
```
#b48f9e rgb(180,143,158)
```
#b4a58f
```
#b4a58f rgb(180,165,143)
```
#8fb4a5
```
#8fb4a5 rgb(143,180,165)
```
#8f9eb4
```
#8f9eb4 rgb(143,158,180)
```

Tetradic Color

#948063
```
#948063 rgb(148,128,99)
```
#a08c70
```
#a08c70 rgb(160,140,112)
```
#aa9980
```
#aa9980 rgb(170,153,128)
```
#b4a58f
```
#b4a58f rgb(180,165,143)
```
#beb19e
```
#beb19e rgb(190,177,158)
```
#c8beae
```
#c8beae rgb(200,190,174)
```
#d3cabd
```
#d3cabd rgb(211,202,189)
```

Monochromatic Color

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

#b49c8f
```
#b49c8f rgb(180,156,143)
```
#b49f8f
```
#b49f8f rgb(180,159,143)
```
#b4a28f
```
#b4a28f rgb(180,162,143)
```
#b4a58f
```
#b4a58f rgb(180,165,143)
```
#b4a88f
```
#b4a88f rgb(180,168,143)
```
#b4ab8f
```
#b4ab8f rgb(180,171,143)
```
#b4ae8f
```
#b4ae8f rgb(180,174,143)
```

Similar Colors

Text with hexadecimal color #b4a58f

This text has a font color of #b4a58f.

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

#b4a58f background color

This paragraph has a background color of #b4a58f.

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

#b4a58f border color

This element has a border color of #b4a58f.

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

CSS codes

.text {color:#b4a58f;}

.background {background-color:#b4a58f;}

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

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

#050504
```
#050504 rgb(5,5,4)
```
#110f0c
```
#110f0c rgb(17,15,12)
```
#1d1913
```
#1d1913 rgb(29,25,19)
```
#29231b
```
#29231b rgb(41,35,27)
```
#342d23
```
#342d23 rgb(52,45,35)
```
#40382b
```
#40382b rgb(64,56,43)
```
#4c4233
```
#4c4233 rgb(76,66,51)
```
#584c3b
```
#584c3b rgb(88,76,59)
```
#635643
```
#635643 rgb(99,86,67)
```
#6f604a
```
#6f604a rgb(111,96,74)
```
#7b6a52
```
#7b6a52 rgb(123,106,82)
```
#87755a
```
#87755a rgb(135,117,90)
```
#927f62
```
#927f62 rgb(146,127,98)
```

Shade Color Variation

#9c896c
```
#9c896c rgb(156,137,108)
```
#a49278
```
#a49278 rgb(164,146,120)
```
#ac9c83
```
#ac9c83 rgb(172,156,131)
```
#b4a58f
```
#b4a58f rgb(180,165,143)
```
#bcae9b
```
#bcae9b rgb(188,174,155)
```
#c4b8a6
```
#c4b8a6 rgb(196,184,166)
```
#ccc1b2
```
#ccc1b2 rgb(204,193,178)
```
#d3cbbe
```
#d3cbbe rgb(211,203,190)
```
#dbd4ca
```
#dbd4ca rgb(219,212,202)
```
#e3ded5
```
#e3ded5 rgb(227,222,213)
```
#ebe7e1
```
#ebe7e1 rgb(235,231,225)
```
#f3f1ed
```
#f3f1ed rgb(243,241,237)
```
#fbfaf9
```
#fbfaf9 rgb(251,250,249)
```

Tint Color Variation

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

#a6a29d
```
#a6a29d rgb(166,162,157)
```
#ada496
```
#ada496 rgb(173,164,150)
```
#b4a58f
```
#b4a58f rgb(180,165,143)
```
#bba688
```
#bba688 rgb(187,166,136)
```
#c2a881
```
#c2a881 rgb(194,168,129)
```
#caa979
```
#caa979 rgb(202,169,121)
```
#d1aa72
```
#d1aa72 rgb(209,170,114)
```
#d8ac6b
```
#d8ac6b rgb(216,172,107)
```
#dfad64
```
#dfad64 rgb(223,173,100)
```
#e6af5d
```
#e6af5d rgb(230,175,93)
```
#eeb055
```
#eeb055 rgb(238,176,85)
```
#f5b14e
```
#f5b14e rgb(245,177,78)
```
#fcb347
```
#fcb347 rgb(252,179,71)
```

Tone Color Variation

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

Dichromacy

#b3ab95 Protanopia 1% of men
#c3a596 Deuteranopia 1% of men
#bca5b1 Tritanopia 0.001% of the population

Trichromacy

#b3a893 Protanomaly 1% of men, 0.01% of women
#bda593 Deuteranomaly 6% of men, 0.4% of women
#b9a5a4 Tritanomaly 0.01% of the population

#b4a58f hex color

#b4a58f Color Information

#b4a58f Color Conversion

Color Schemes with #b4a58f

Alternatives to #b4a58f

#b4a58f Preview

Shades and Tints of #b4a58f

Tones of #b4a58f

Color Blindness Simulator