#b18a4f hex color

In a RGB color space, hex #b18a4f is composed of 69.4% red, 54.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 55.4% yellow and 30.6% black. It has a hue angle of 36.1 degrees, a saturation of 38.6% and a lightness of 50.2%. #b18a4f color hex could be obtained by blending #ffff9e with #631500. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 54
- B 31
RGB color chart
- C 0
- M 22
- Y 55
- K 31
CMYK color chart

● #b18a4f color description : Dark moderate orange.

The hexadecimal color #b18a4f has RGB values of R:177, G:138, B:79 and CMYK values of C:0, M:0.22, Y:0.55, K:0.31. Its decimal value is 11635279.

Hex triplet	b18a4f	`#b18a4f`
RGB Decimal	177, 138, 79	`rgb(177,138,79)`
RGB Percent	69.4, 54.1, 31	`rgb(69.4%,54.1%,31%)`
CMYK	0, 22, 55, 31
HSL	36.1°, 38.6, 50.2	`hsl(36.1,38.6%,50.2%)`
HSV (or HSB)	36.1°, 55.4, 69.4
Web Safe	999966	`#999966`

CIE-LAB	59.97, 7.719, 36.966
XYZ	28.631, 28.09, 11.311
xyY	0.421, 0.413, 28.09
CIE-LCH	59.97, 37.763, 78.205
CIE-LUV	59.97, 30.27, 42.17
Hunter-Lab	53, 3.679, 24.447
Binary	10110001, 10001010, 01001111

#b18a4f
```
#b18a4f rgb(177,138,79)
```
#4f76b1
```
#4f76b1 rgb(79,118,177)
```

Complementary Color

#b1594f
```
#b1594f rgb(177,89,79)
```
#b18a4f
```
#b18a4f rgb(177,138,79)
```
#a7b14f
```
#a7b14f rgb(167,177,79)
```

Analogous Color

#594fb1
```
#594fb1 rgb(89,79,177)
```
#b18a4f
```
#b18a4f rgb(177,138,79)
```
#4fa7b1
```
#4fa7b1 rgb(79,167,177)
```

Split Complementary Color

#8a4fb1
```
#8a4fb1 rgb(138,79,177)
```
#b18a4f
```
#b18a4f rgb(177,138,79)
```
#4fb18a
```
#4fb18a rgb(79,177,138)
```

Triadic Color

#b14f76
```
#b14f76 rgb(177,79,118)
```
#b18a4f
```
#b18a4f rgb(177,138,79)
```
#4fb18a
```
#4fb18a rgb(79,177,138)
```
#4f76b1
```
#4f76b1 rgb(79,118,177)
```

Tetradic Color

#7c6137
```
#7c6137 rgb(124,97,55)
```
#8e6f3f
```
#8e6f3f rgb(142,111,63)
```
#a07c47
```
#a07c47 rgb(160,124,71)
```
#b18a4f
```
#b18a4f rgb(177,138,79)
```
#b99661
```
#b99661 rgb(185,150,97)
```
#c1a172
```
#c1a172 rgb(193,161,114)
```
#c8ad84
```
#c8ad84 rgb(200,173,132)
```

Monochromatic Color

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

#b1724f
```
#b1724f rgb(177,114,79)
```
#b17a4f
```
#b17a4f rgb(177,122,79)
```
#b1824f
```
#b1824f rgb(177,130,79)
```
#b18a4f
```
#b18a4f rgb(177,138,79)
```
#b1924f
```
#b1924f rgb(177,146,79)
```
#b19a4f
```
#b19a4f rgb(177,154,79)
```
#b1a34f
```
#b1a34f rgb(177,163,79)
```

Similar Colors

Text with hexadecimal color #b18a4f

This text has a font color of #b18a4f.

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

#b18a4f background color

This paragraph has a background color of #b18a4f.

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

#b18a4f border color

This element has a border color of #b18a4f.

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

CSS codes

.text {color:#b18a4f;}

.background {background-color:#b18a4f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0b06
```
#0e0b06 rgb(14,11,6)
```
#1c160c
```
#1c160c rgb(28,22,12)
```
#292012
```
#292012 rgb(41,32,18)
```
#372b18
```
#372b18 rgb(55,43,24)
```
#45351e
```
#45351e rgb(69,53,30)
```
#524024
```
#524024 rgb(82,64,36)
```
#604b2a
```
#604b2a rgb(96,75,42)
```
#6d5530
```
#6d5530 rgb(109,85,48)
```
#7b6037
```
#7b6037 rgb(123,96,55)
```
#896a3d
```
#896a3d rgb(137,106,61)
```
#967543
```
#967543 rgb(150,117,67)
```
#a47f49
```
#a47f49 rgb(164,127,73)
```

Shade Color Variation

#b18a4f
```
#b18a4f rgb(177,138,79)
```
#b7935d
```
#b7935d rgb(183,147,93)
```
#bd9c6a
```
#bd9c6a rgb(189,156,106)
```
#c3a578
```
#c3a578 rgb(195,165,120)
```
#c9ae85
```
#c9ae85 rgb(201,174,133)
```
#cfb793
```
#cfb793 rgb(207,183,147)
```
#d5c0a1
```
#d5c0a1 rgb(213,192,161)
```
#dbc9ae
```
#dbc9ae rgb(219,201,174)
```
#e1d2bc
```
#e1d2bc rgb(225,210,188)
```
#e7dbc9
```
#e7dbc9 rgb(231,219,201)
```
#ede4d7
```
#ede4d7 rgb(237,228,215)
```
#f3ede5
```
#f3ede5 rgb(243,237,229)
```
#f9f6f2
```
#f9f6f2 rgb(249,246,242)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#8a8276
```
#8a8276 rgb(138,130,118)
```
#94846c
```
#94846c rgb(148,132,108)
```
#9d8663
```
#9d8663 rgb(157,134,99)
```
#a78859
```
#a78859 rgb(167,136,89)
```
#b18a4f
```
#b18a4f rgb(177,138,79)
```
#bb8c45
```
#bb8c45 rgb(187,140,69)
```
#c58e3b
```
#c58e3b rgb(197,142,59)
```
#ce9032
```
#ce9032 rgb(206,144,50)
```
#d89228
```
#d89228 rgb(216,146,40)
```
#e2941e
```
#e2941e rgb(226,148,30)
```
#ec9614
```
#ec9614 rgb(236,150,20)
```
#f5980b
```
#f5980b rgb(245,152,11)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#968e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4965a Protanopia 1% of men
#b58f58 Deuteranopia 1% of men
#ba8992 Tritanopia 0.001% of the population

Trichromacy

#a89156 Protanomaly 1% of men, 0.01% of women
#b48d54 Deuteranomaly 6% of men, 0.4% of women
#b7897a Tritanomaly 0.01% of the population

#b18a4f hex color

#b18a4f Color Information

#b18a4f Color Conversion

Color Schemes with #b18a4f

Alternatives to #b18a4f

#b18a4f Preview

Shades and Tints of #b18a4f

Tones of #b18a4f

Color Blindness Simulator