#b18a1f hex color

In a RGB color space, hex #b18a1f is composed of 69.4% red, 54.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 82.5% yellow and 30.6% black. It has a hue angle of 44 degrees, a saturation of 70.2% and a lightness of 40.8%. #b18a1f color hex could be obtained by blending #ffff3e with #631500. Closest websafe color is: #999933.

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

● #b18a1f color description : Dark orange [Brown tone].

The hexadecimal color #b18a1f has RGB values of R:177, G:138, B:31 and CMYK values of C:0, M:0.22, Y:0.82, K:0.31. Its decimal value is 11635231.

Hex triplet	b18a1f	`#b18a1f`
RGB Decimal	177, 138, 31	`rgb(177,138,31)`
RGB Percent	69.4, 54.1, 12.2	`rgb(69.4%,54.1%,12.2%)`
CMYK	0, 22, 82, 31
HSL	44°, 70.2, 40.8	`hsl(44,70.2%,40.8%)`
HSV (or HSB)	44°, 82.5, 69.4
Web Safe	999933	`#999933`

CIE-LAB	59.548, 4.934, 57.778
XYZ	27.468, 27.624, 5.182
xyY	0.456, 0.458, 27.624
CIE-LCH	59.548, 57.989, 85.119
CIE-LUV	59.548, 32.807, 58.244
Hunter-Lab	52.559, 1.308, 30.946
Binary	10110001, 10001010, 00011111

#b18a1f
```
#b18a1f rgb(177,138,31)
```
#1f46b1
```
#1f46b1 rgb(31,70,177)
```

Complementary Color

#b1411f
```
#b1411f rgb(177,65,31)
```
#b18a1f
```
#b18a1f rgb(177,138,31)
```
#8fb11f
```
#8fb11f rgb(143,177,31)
```

Analogous Color

#411fb1
```
#411fb1 rgb(65,31,177)
```
#b18a1f
```
#b18a1f rgb(177,138,31)
```
#1f8fb1
```
#1f8fb1 rgb(31,143,177)
```

Split Complementary Color

#8a1fb1
```
#8a1fb1 rgb(138,31,177)
```
#b18a1f
```
#b18a1f rgb(177,138,31)
```
#1fb18a
```
#1fb18a rgb(31,177,138)
```

Triadic Color

#b11f46
```
#b11f46 rgb(177,31,70)
```
#b18a1f
```
#b18a1f rgb(177,138,31)
```
#1fb18a
```
#1fb18a rgb(31,177,138)
```
#1f46b1
```
#1f46b1 rgb(31,70,177)
```

Tetradic Color

#705714
```
#705714 rgb(112,87,20)
```
#866817
```
#866817 rgb(134,104,23)
```
#9b791b
```
#9b791b rgb(155,121,27)
```
#b18a1f
```
#b18a1f rgb(177,138,31)
```
#c79b23
```
#c79b23 rgb(199,155,35)
```
#daab29
```
#daab29 rgb(218,171,41)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```

Monochromatic Color

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

#b1661f
```
#b1661f rgb(177,102,31)
```
#b1721f
```
#b1721f rgb(177,114,31)
```
#b17e1f
```
#b17e1f rgb(177,126,31)
```
#b18a1f
```
#b18a1f rgb(177,138,31)
```
#b1961f
```
#b1961f rgb(177,150,31)
```
#b1a21f
```
#b1a21f rgb(177,162,31)
```
#b1af1f
```
#b1af1f rgb(177,175,31)
```

Similar Colors

Text with hexadecimal color #b18a1f

This text has a font color of #b18a1f.

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

#b18a1f background color

This paragraph has a background color of #b18a1f.

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

#b18a1f border color

This element has a border color of #b18a1f.

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

CSS codes

.text {color:#b18a1f;}

.background {background-color:#b18a1f;}

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

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, #0a0802 is the darkest color, while #fefcf8 is the lightest one.

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1b1505
```
#1b1505 rgb(27,21,5)
```
#2b2208
```
#2b2208 rgb(43,34,8)
```
#3c2f0b
```
#3c2f0b rgb(60,47,11)
```
#4d3c0d
```
#4d3c0d rgb(77,60,13)
```
#5e4910
```
#5e4910 rgb(94,73,16)
```
#6e5613
```
#6e5613 rgb(110,86,19)
```
#7f6316
```
#7f6316 rgb(127,99,22)
```
#907019
```
#907019 rgb(144,112,25)
```
#a07d1c
```
#a07d1c rgb(160,125,28)
```
#b18a1f
```
#b18a1f rgb(177,138,31)
```
#c29722
```
#c29722 rgb(194,151,34)
```
#d2a425
```
#d2a425 rgb(210,164,37)
```

Shade Color Variation

#dbad30
```
#dbad30 rgb(219,173,48)
```
#deb441
```
#deb441 rgb(222,180,65)
```
#e1ba51
```
#e1ba51 rgb(225,186,81)
```
#e4c162
```
#e4c162 rgb(228,193,98)
```
#e6c873
```
#e6c873 rgb(230,200,115)
```
#e9ce84
```
#e9ce84 rgb(233,206,132)
```
#ecd594
```
#ecd594 rgb(236,213,148)
```
#efdba5
```
#efdba5 rgb(239,219,165)
```
#f2e2b6
```
#f2e2b6 rgb(242,226,182)
```
#f5e9c6
```
#f5e9c6 rgb(245,233,198)
```
#f8efd7
```
#f8efd7 rgb(248,239,215)
```
#fbf6e8
```
#fbf6e8 rgb(251,246,232)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#696867
```
#696867 rgb(105,104,103)
```
#716c5f
```
#716c5f rgb(113,108,95)
```
#797057
```
#797057 rgb(121,112,87)
```
#81744f
```
#81744f rgb(129,116,79)
```
#897747
```
#897747 rgb(137,119,71)
```
#917b3f
```
#917b3f rgb(145,123,63)
```
#997f37
```
#997f37 rgb(153,127,55)
```
#a1832f
```
#a1832f rgb(161,131,47)
```
#a98627
```
#a98627 rgb(169,134,39)
```
#b18a1f
```
#b18a1f rgb(177,138,31)
```
#b98e17
```
#b98e17 rgb(185,142,23)
```
#c1910f
```
#c1910f rgb(193,145,15)
```
#c99507
```
#c99507 rgb(201,149,7)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952c Protanopia 1% of men
#b98e2b Deuteranopia 1% of men
#bc8690 Tritanopia 0.001% of the population

Trichromacy

#aa9127 Protanomaly 1% of men, 0.01% of women
#b68c27 Deuteranomaly 6% of men, 0.4% of women
#b88867 Tritanomaly 0.01% of the population

#b18a1f hex color

#b18a1f Color Information

#b18a1f Color Conversion

Color Schemes with #b18a1f

Alternatives to #b18a1f

#b18a1f Preview

Shades and Tints of #b18a1f

Tones of #b18a1f

Color Blindness Simulator