#b4a18e hex color

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

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

● #b4a18e color description : Grayish orange.

The hexadecimal color #b4a18e has RGB values of R:180, G:161, B:142 and CMYK values of C:0, M:0.11, Y:0.21, K:0.29. Its decimal value is 11837838.

Hex triplet	b4a18e	`#b4a18e`
RGB Decimal	180, 161, 142	`rgb(180,161,142)`
RGB Percent	70.6, 63.1, 55.7	`rgb(70.6%,63.1%,55.7%)`
CMYK	0, 11, 21, 29
HSL	30°, 20.2, 63.1	`hsl(30,20.2%,63.1%)`
HSV (or HSB)	30°, 21.1, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	67.387, 3.835, 12.426
XYZ	36.449, 37.147, 30.84
xyY	0.349, 0.356, 37.147
CIE-LCH	67.387, 13.004, 72.847
CIE-LUV	67.387, 12.824, 16.549
Hunter-Lab	60.948, 0.09, 12.663
Binary	10110100, 10100001, 10001110

#b4a18e
```
#b4a18e rgb(180,161,142)
```
#8ea1b4
```
#8ea1b4 rgb(142,161,180)
```

Complementary Color

#b48e8e
```
#b48e8e rgb(180,142,142)
```
#b4a18e
```
#b4a18e rgb(180,161,142)
```
#b4b48e
```
#b4b48e rgb(180,180,142)
```

Analogous Color

#8e8eb4
```
#8e8eb4 rgb(142,142,180)
```
#b4a18e
```
#b4a18e rgb(180,161,142)
```
#8eb4b4
```
#8eb4b4 rgb(142,180,180)
```

Split Complementary Color

#a18eb4
```
#a18eb4 rgb(161,142,180)
```
#b4a18e
```
#b4a18e rgb(180,161,142)
```
#8eb4a1
```
#8eb4a1 rgb(142,180,161)
```

Triadic Color

#b48ea1
```
#b48ea1 rgb(180,142,161)
```
#b4a18e
```
#b4a18e rgb(180,161,142)
```
#8eb4a1
```
#8eb4a1 rgb(142,180,161)
```
#8ea1b4
```
#8ea1b4 rgb(142,161,180)
```

Tetradic Color

#947b62
```
#947b62 rgb(148,123,98)
```
#a0886f
```
#a0886f rgb(160,136,111)
```
#aa947f
```
#aa947f rgb(170,148,127)
```
#b4a18e
```
#b4a18e rgb(180,161,142)
```
#beae9d
```
#beae9d rgb(190,174,157)
```
#c8bbad
```
#c8bbad rgb(200,187,173)
```
#d3c7bc
```
#d3c7bc rgb(211,199,188)
```

Monochromatic Color

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

#b4988e
```
#b4988e rgb(180,152,142)
```
#b49b8e
```
#b49b8e rgb(180,155,142)
```
#b49e8e
```
#b49e8e rgb(180,158,142)
```
#b4a18e
```
#b4a18e rgb(180,161,142)
```
#b4a48e
```
#b4a48e rgb(180,164,142)
```
#b4a78e
```
#b4a78e rgb(180,167,142)
```
#b4ab8e
```
#b4ab8e rgb(180,171,142)
```

Similar Colors

Text with hexadecimal color #b4a18e

This text has a font color of #b4a18e.

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

#b4a18e background color

This paragraph has a background color of #b4a18e.

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

#b4a18e border color

This element has a border color of #b4a18e.

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

CSS codes

.text {color:#b4a18e;}

.background {background-color:#b4a18e;}

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

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)
```
#342b23
```
#342b23 rgb(52,43,35)
```
#40352a
```
#40352a rgb(64,53,42)
```
#4c3f32
```
#4c3f32 rgb(76,63,50)
```
#57493a
```
#57493a rgb(87,73,58)
```
#635342
```
#635342 rgb(99,83,66)
```
#6f5c4a
```
#6f5c4a rgb(111,92,74)
```
#7b6652
```
#7b6652 rgb(123,102,82)
```
#877059
```
#877059 rgb(135,112,89)
```
#927a61
```
#927a61 rgb(146,122,97)
```

Shade Color Variation

#9d846b
```
#9d846b rgb(157,132,107)
```
#a48d76
```
#a48d76 rgb(164,141,118)
```
#ac9782
```
#ac9782 rgb(172,151,130)
```
#b4a18e
```
#b4a18e rgb(180,161,142)
```
#bcab9a
```
#bcab9a rgb(188,171,154)
```
#c4b5a6
```
#c4b5a6 rgb(196,181,166)
```
#cbbeb1
```
#cbbeb1 rgb(203,190,177)
```
#d3c8bd
```
#d3c8bd rgb(211,200,189)
```
#dbd2c9
```
#dbd2c9 rgb(219,210,201)
```
#e3dcd5
```
#e3dcd5 rgb(227,220,213)
```
#ebe6e1
```
#ebe6e1 rgb(235,230,225)
```
#f3efec
```
#f3efec rgb(243,239,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 #fca146 is the most saturated one.

#a6a19c
```
#a6a19c rgb(166,161,156)
```
#ada195
```
#ada195 rgb(173,161,149)
```
#b4a18e
```
#b4a18e rgb(180,161,142)
```
#bba187
```
#bba187 rgb(187,161,135)
```
#c2a180
```
#c2a180 rgb(194,161,128)
```
#caa178
```
#caa178 rgb(202,161,120)
```
#d1a171
```
#d1a171 rgb(209,161,113)
```
#d8a16a
```
#d8a16a rgb(216,161,106)
```
#dfa163
```
#dfa163 rgb(223,161,99)
```
#e7a15b
```
#e7a15b rgb(231,161,91)
```
#eea154
```
#eea154 rgb(238,161,84)
```
#f5a14d
```
#f5a14d rgb(245,161,77)
```
#fca146
```
#fca146 rgb(252,161,70)
```

Tone Color Variation

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

#b0a895 Protanopia 1% of men
#bfa294 Deuteranopia 1% of men
#bba2ad Tritanopia 0.001% of the population

Trichromacy

#b1a592 Protanomaly 1% of men, 0.01% of women
#bba292 Deuteranomaly 6% of men, 0.4% of women
#b8a1a2 Tritanomaly 0.01% of the population

#b4a18e hex color

#b4a18e Color Information

#b4a18e Color Conversion

Color Schemes with #b4a18e

Alternatives to #b4a18e

#b4a18e Preview

Shades and Tints of #b4a18e

Tones of #b4a18e

Color Blindness Simulator