#b4a28e hex color

In a RGB color space, hex #b4a28e is composed of 70.6% red, 63.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 21.1% yellow and 29.4% black. It has a hue angle of 31.6 degrees, a saturation of 20.2% and a lightness of 63.1%. #b4a28e color hex could be obtained by blending #ffffff with #69451d. Closest websafe color is: #cc9999.

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

● #b4a28e color description : Grayish orange.

The hexadecimal color #b4a28e has RGB values of R:180, G:162, B:142 and CMYK values of C:0, M:0.1, Y:0.21, K:0.29. Its decimal value is 11838094.

Hex triplet	b4a28e	`#b4a28e`
RGB Decimal	180, 162, 142	`rgb(180,162,142)`
RGB Percent	70.6, 63.5, 55.7	`rgb(70.6%,63.5%,55.7%)`
CMYK	0, 10, 21, 29
HSL	31.6°, 20.2, 63.1	`hsl(31.6,20.2%,63.1%)`
HSV (or HSB)	31.6°, 21.1, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	67.649, 3.289, 12.794
XYZ	36.625, 37.498, 30.898
xyY	0.349, 0.357, 37.498
CIE-LCH	67.649, 13.21, 75.583
CIE-LUV	67.649, 12.25, 17.151
Hunter-Lab	61.235, -0.402, 12.948
Binary	10110100, 10100010, 10001110

#b4a28e
```
#b4a28e rgb(180,162,142)
```
#8ea0b4
```
#8ea0b4 rgb(142,160,180)
```

Complementary Color

#b48f8e
```
#b48f8e rgb(180,143,142)
```
#b4a28e
```
#b4a28e rgb(180,162,142)
```
#b3b48e
```
#b3b48e rgb(179,180,142)
```

Analogous Color

#8f8eb4
```
#8f8eb4 rgb(143,142,180)
```
#b4a28e
```
#b4a28e rgb(180,162,142)
```
#8eb3b4
```
#8eb3b4 rgb(142,179,180)
```

Split Complementary Color

#a28eb4
```
#a28eb4 rgb(162,142,180)
```
#b4a28e
```
#b4a28e rgb(180,162,142)
```
#8eb4a2
```
#8eb4a2 rgb(142,180,162)
```

Triadic Color

#b48ea0
```
#b48ea0 rgb(180,142,160)
```
#b4a28e
```
#b4a28e rgb(180,162,142)
```
#8eb4a2
```
#8eb4a2 rgb(142,180,162)
```
#8ea0b4
```
#8ea0b4 rgb(142,160,180)
```

Tetradic Color

#947c62
```
#947c62 rgb(148,124,98)
```
#a0896f
```
#a0896f rgb(160,137,111)
```
#aa957f
```
#aa957f rgb(170,149,127)
```
#b4a28e
```
#b4a28e rgb(180,162,142)
```
#beaf9d
```
#beaf9d rgb(190,175,157)
```
#c8bbad
```
#c8bbad rgb(200,187,173)
```
#d3c8bc
```
#d3c8bc rgb(211,200,188)
```

Monochromatic Color

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

#b4998e
```
#b4998e rgb(180,153,142)
```
#b49c8e
```
#b49c8e rgb(180,156,142)
```
#b49f8e
```
#b49f8e rgb(180,159,142)
```
#b4a28e
```
#b4a28e rgb(180,162,142)
```
#b4a58e
```
#b4a58e rgb(180,165,142)
```
#b4a88e
```
#b4a88e rgb(180,168,142)
```
#b4ac8e
```
#b4ac8e rgb(180,172,142)
```

Similar Colors

Text with hexadecimal color #b4a28e

This text has a font color of #b4a28e.

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

#b4a28e background color

This paragraph has a background color of #b4a28e.

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

#b4a28e border color

This element has a border color of #b4a28e.

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

CSS codes

.text {color:#b4a28e;}

.background {background-color:#b4a28e;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#110e0b
```
#110e0b rgb(17,14,11)
```
#1c1813
```
#1c1813 rgb(28,24,19)
```
#28221b
```
#28221b rgb(40,34,27)
```
#342c23
```
#342c23 rgb(52,44,35)
```
#40362a
```
#40362a rgb(64,54,42)
```
#4c4032
```
#4c4032 rgb(76,64,50)
```
#574a3a
```
#574a3a rgb(87,74,58)
```
#635342
```
#635342 rgb(99,83,66)
```
#6f5d4a
```
#6f5d4a rgb(111,93,74)
```
#7b6752
```
#7b6752 rgb(123,103,82)
```
#877159
```
#877159 rgb(135,113,89)
```
#927b61
```
#927b61 rgb(146,123,97)
```

Shade Color Variation

#9d856b
```
#9d856b rgb(157,133,107)
```
#a48f76
```
#a48f76 rgb(164,143,118)
```
#ac9882
```
#ac9882 rgb(172,152,130)
```
#b4a28e
```
#b4a28e rgb(180,162,142)
```
#bcac9a
```
#bcac9a rgb(188,172,154)
```
#c4b5a6
```
#c4b5a6 rgb(196,181,166)
```
#cbbfb1
```
#cbbfb1 rgb(203,191,177)
```
#d3c9bd
```
#d3c9bd rgb(211,201,189)
```
#dbd3c9
```
#dbd3c9 rgb(219,211,201)
```
#e3dcd5
```
#e3dcd5 rgb(227,220,213)
```
#ebe6e1
```
#ebe6e1 rgb(235,230,225)
```
#f3f0ec
```
#f3f0ec rgb(243,240,236)
```
#faf9f8
```
#faf9f8 rgb(250,249,248)
```

Tint Color Variation

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

#a6a19c
```
#a6a19c rgb(166,161,156)
```
#ada295
```
#ada295 rgb(173,162,149)
```
#b4a28e
```
#b4a28e rgb(180,162,142)
```
#bba287
```
#bba287 rgb(187,162,135)
```
#c2a380
```
#c2a380 rgb(194,163,128)
```
#caa378
```
#caa378 rgb(202,163,120)
```
#d1a471
```
#d1a471 rgb(209,164,113)
```
#d8a46a
```
#d8a46a rgb(216,164,106)
```
#dfa463
```
#dfa463 rgb(223,164,99)
```
#e7a55b
```
#e7a55b rgb(231,165,91)
```
#eea554
```
#eea554 rgb(238,165,84)
```
#f5a54d
```
#f5a54d rgb(245,165,77)
```
#fca646
```
#fca646 rgb(252,166,70)
```

Tone Color Variation

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

Dichromacy

#b1a894 Protanopia 1% of men
#c0a394 Deuteranopia 1% of men
#bba2ae Tritanopia 0.001% of the population

Trichromacy

#b2a692 Protanomaly 1% of men, 0.01% of women
#bca392 Deuteranomaly 6% of men, 0.4% of women
#b8a2a2 Tritanomaly 0.01% of the population

#b4a28e hex color

#b4a28e Color Information

#b4a28e Color Conversion

Color Schemes with #b4a28e

Alternatives to #b4a28e

#b4a28e Preview

Shades and Tints of #b4a28e

Tones of #b4a28e

Color Blindness Simulator