#b18f2e hex color

In a RGB color space, hex #b18f2e is composed of 69.4% red, 56.1% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.2% magenta, 74% yellow and 30.6% black. It has a hue angle of 44.4 degrees, a saturation of 58.7% and a lightness of 43.7%. #b18f2e color hex could be obtained by blending #ffff5c with #631f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 56
- B 18
RGB color chart
- C 0
- M 19
- Y 74
- K 31
CMYK color chart

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

The hexadecimal color #b18f2e has RGB values of R:177, G:143, B:46 and CMYK values of C:0, M:0.19, Y:0.74, K:0.31. Its decimal value is 11636526.

Hex triplet	b18f2e	`#b18f2e`
RGB Decimal	177, 143, 46	`rgb(177,143,46)`
RGB Percent	69.4, 56.1, 18	`rgb(69.4%,56.1%,18%)`
CMYK	0, 19, 74, 31
HSL	44.4°, 58.7, 43.7	`hsl(44.4,58.7%,43.7%)`
HSV (or HSB)	44.4°, 74, 69.4
Web Safe	999933	`#999933`

CIE-LAB	60.949, 2.777, 53.632
XYZ	28.447, 29.191, 6.721
xyY	0.442, 0.454, 29.191
CIE-LCH	60.949, 53.703, 87.036
CIE-LUV	60.949, 28.58, 56.819
Hunter-Lab	54.028, -0.564, 30.445
Binary	10110001, 10001111, 00101110

#b18f2e
```
#b18f2e rgb(177,143,46)
```
#2e50b1
```
#2e50b1 rgb(46,80,177)
```

Complementary Color

#b14e2e
```
#b14e2e rgb(177,78,46)
```
#b18f2e
```
#b18f2e rgb(177,143,46)
```
#92b12e
```
#92b12e rgb(146,177,46)
```

Analogous Color

#4d2eb1
```
#4d2eb1 rgb(77,46,177)
```
#b18f2e
```
#b18f2e rgb(177,143,46)
```
#2e92b1
```
#2e92b1 rgb(46,146,177)
```

Split Complementary Color

#8f2eb1
```
#8f2eb1 rgb(143,46,177)
```
#b18f2e
```
#b18f2e rgb(177,143,46)
```
#2eb18f
```
#2eb18f rgb(46,177,143)
```

Triadic Color

#b12e50
```
#b12e50 rgb(177,46,80)
```
#b18f2e
```
#b18f2e rgb(177,143,46)
```
#2eb18f
```
#2eb18f rgb(46,177,143)
```
#2e50b1
```
#2e50b1 rgb(46,80,177)
```

Tetradic Color

#745e1e
```
#745e1e rgb(116,94,30)
```
#896e23
```
#896e23 rgb(137,110,35)
```
#9d7f29
```
#9d7f29 rgb(157,127,41)
```
#b18f2e
```
#b18f2e rgb(177,143,46)
```
#c59f33
```
#c59f33 rgb(197,159,51)
```
#ceaa44
```
#ceaa44 rgb(206,170,68)
```
#d4b358
```
#d4b358 rgb(212,179,88)
```

Monochromatic Color

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

#b16e2e
```
#b16e2e rgb(177,110,46)
```
#b1792e
```
#b1792e rgb(177,121,46)
```
#b1842e
```
#b1842e rgb(177,132,46)
```
#b18f2e
```
#b18f2e rgb(177,143,46)
```
#b19a2e
```
#b19a2e rgb(177,154,46)
```
#b1a52e
```
#b1a52e rgb(177,165,46)
```
#b1b02e
```
#b1b02e rgb(177,176,46)
```

Similar Colors

Text with hexadecimal color #b18f2e

This text has a font color of #b18f2e.

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

#b18f2e background color

This paragraph has a background color of #b18f2e.

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

#b18f2e border color

This element has a border color of #b18f2e.

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

CSS codes

.text {color:#b18f2e;}

.background {background-color:#b18f2e;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#151106
```
#151106 rgb(21,17,6)
```
#251e0a
```
#251e0a rgb(37,30,10)
```
#342a0e
```
#342a0e rgb(52,42,14)
```
#443712
```
#443712 rgb(68,55,18)
```
#544416
```
#544416 rgb(84,68,22)
```
#63501a
```
#63501a rgb(99,80,26)
```
#735d1e
```
#735d1e rgb(115,93,30)
```
#826922
```
#826922 rgb(130,105,34)
```
#927626
```
#927626 rgb(146,118,38)
```
#a1822a
```
#a1822a rgb(161,130,42)
```
#b18f2e
```
#b18f2e rgb(177,143,46)
```
#c19c32
```
#c19c32 rgb(193,156,50)
```

Shade Color Variation

#cca63a
```
#cca63a rgb(204,166,58)
```
#d0ad4a
```
#d0ad4a rgb(208,173,74)
```
#d4b459
```
#d4b459 rgb(212,180,89)
```
#d8bb69
```
#d8bb69 rgb(216,187,105)
```
#dcc279
```
#dcc279 rgb(220,194,121)
```
#e0c988
```
#e0c988 rgb(224,201,136)
```
#e4d098
```
#e4d098 rgb(228,208,152)
```
#e8d7a7
```
#e8d7a7 rgb(232,215,167)
```
#ecdeb7
```
#ecdeb7 rgb(236,222,183)
```
#f0e5c6
```
#f0e5c6 rgb(240,229,198)
```
#f4ecd6
```
#f4ecd6 rgb(244,236,214)
```
#f8f4e6
```
#f8f4e6 rgb(248,244,230)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#75726a
```
#75726a rgb(117,114,106)
```
#7e7661
```
#7e7661 rgb(126,118,97)
```
#867a59
```
#867a59 rgb(134,122,89)
```
#8f7f50
```
#8f7f50 rgb(143,127,80)
```
#978348
```
#978348 rgb(151,131,72)
```
#a0873f
```
#a0873f rgb(160,135,63)
```
#a88b37
```
#a88b37 rgb(168,139,55)
```
#b18f2e
```
#b18f2e rgb(177,143,46)
```
#ba9325
```
#ba9325 rgb(186,147,37)
```
#c2971d
```
#c2971d rgb(194,151,29)
```
#cb9b14
```
#cb9b14 rgb(203,155,20)
```
#d39f0c
```
#d39f0c rgb(211,159,12)
```
#dca403
```
#dca403 rgb(220,164,3)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#958e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99839 Protanopia 1% of men
#bc913a Deuteranopia 1% of men
#bc8b95 Tritanopia 0.001% of the population

Trichromacy

#ac9535 Protanomaly 1% of men, 0.01% of women
#b89035 Deuteranomaly 6% of men, 0.4% of women
#b88c6f Tritanomaly 0.01% of the population

#b18f2e hex color

#b18f2e Color Information

#b18f2e Color Conversion

Color Schemes with #b18f2e

Alternatives to #b18f2e

#b18f2e Preview

Shades and Tints of #b18f2e

Tones of #b18f2e

Color Blindness Simulator