#b18f22 hex color

In a RGB color space, hex #b18f22 is composed of 69.4% red, 56.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.2% magenta, 80.8% yellow and 30.6% black. It has a hue angle of 45.7 degrees, a saturation of 67.8% and a lightness of 41.4%. #b18f22 color hex could be obtained by blending #ffff44 with #631f00. Closest websafe color is: #999933.

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

● #b18f22 color description : Dark yellow [Olive tone].

The hexadecimal color #b18f22 has RGB values of R:177, G:143, B:34 and CMYK values of C:0, M:0.19, Y:0.81, K:0.31. Its decimal value is 11636514.

Hex triplet	b18f22	`#b18f22`
RGB Decimal	177, 143, 34	`rgb(177,143,34)`
RGB Percent	69.4, 56.1, 13.3	`rgb(69.4%,56.1%,13.3%)`
CMYK	0, 19, 81, 31
HSL	45.7°, 67.8, 41.4	`hsl(45.7,67.8%,41.4%)`
HSV (or HSB)	45.7°, 80.8, 69.4
Web Safe	999933	`#999933`

CIE-LAB	60.878, 2.284, 57.975
XYZ	28.243, 29.109, 5.644
xyY	0.448, 0.462, 29.109
CIE-LCH	60.878, 58.02, 87.744
CIE-LUV	60.878, 28.994, 59.677
Hunter-Lab	53.953, -0.976, 31.564
Binary	10110001, 10001111, 00100010

#b18f22
```
#b18f22 rgb(177,143,34)
```
#2244b1
```
#2244b1 rgb(34,68,177)
```

Complementary Color

#b14822
```
#b14822 rgb(177,72,34)
```
#b18f22
```
#b18f22 rgb(177,143,34)
```
#8cb122
```
#8cb122 rgb(140,177,34)
```

Analogous Color

#4722b1
```
#4722b1 rgb(71,34,177)
```
#b18f22
```
#b18f22 rgb(177,143,34)
```
#228cb1
```
#228cb1 rgb(34,140,177)
```

Split Complementary Color

#8f22b1
```
#8f22b1 rgb(143,34,177)
```
#b18f22
```
#b18f22 rgb(177,143,34)
```
#22b18f
```
#22b18f rgb(34,177,143)
```

Triadic Color

#b12244
```
#b12244 rgb(177,34,68)
```
#b18f22
```
#b18f22 rgb(177,143,34)
```
#22b18f
```
#22b18f rgb(34,177,143)
```
#2244b1
```
#2244b1 rgb(34,68,177)
```

Tetradic Color

#715b16
```
#715b16 rgb(113,91,22)
```
#866c1a
```
#866c1a rgb(134,108,26)
```
#9c7e1e
```
#9c7e1e rgb(156,126,30)
```
#b18f22
```
#b18f22 rgb(177,143,34)
```
#c6a026
```
#c6a026 rgb(198,160,38)
```
#d7af2f
```
#d7af2f rgb(215,175,47)
```
#dbb744
```
#dbb744 rgb(219,183,68)
```

Monochromatic Color

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

#b16b22
```
#b16b22 rgb(177,107,34)
```
#b17722
```
#b17722 rgb(177,119,34)
```
#b18322
```
#b18322 rgb(177,131,34)
```
#b18f22
```
#b18f22 rgb(177,143,34)
```
#b19b22
```
#b19b22 rgb(177,155,34)
```
#b1a722
```
#b1a722 rgb(177,167,34)
```
#afb122
```
#afb122 rgb(175,177,34)
```

Similar Colors

Text with hexadecimal color #b18f22

This text has a font color of #b18f22.

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

#b18f22 background color

This paragraph has a background color of #b18f22.

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

#b18f22 border color

This element has a border color of #b18f22.

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

CSS codes

.text {color:#b18f22;}

.background {background-color:#b18f22;}

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

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

#0c0a02
```
#0c0a02 rgb(12,10,2)
```
#1d1706
```
#1d1706 rgb(29,23,6)
```
#2d2509
```
#2d2509 rgb(45,37,9)
```
#3e320c
```
#3e320c rgb(62,50,12)
```
#4e3f0f
```
#4e3f0f rgb(78,63,15)
```
#5f4d12
```
#5f4d12 rgb(95,77,18)
```
#6f5a15
```
#6f5a15 rgb(111,90,21)
```
#806719
```
#806719 rgb(128,103,25)
```
#90741c
```
#90741c rgb(144,116,28)
```
#a1821f
```
#a1821f rgb(161,130,31)
```
#b18f22
```
#b18f22 rgb(177,143,34)
```
#c19c25
```
#c19c25 rgb(193,156,37)
```
#d2aa28
```
#d2aa28 rgb(210,170,40)
```

Shade Color Variation

#d8b236
```
#d8b236 rgb(216,178,54)
```
#dbb846
```
#dbb846 rgb(219,184,70)
```
#dfbe56
```
#dfbe56 rgb(223,190,86)
```
#e2c567
```
#e2c567 rgb(226,197,103)
```
#e5cb77
```
#e5cb77 rgb(229,203,119)
```
#e8d188
```
#e8d188 rgb(232,209,136)
```
#ebd898
```
#ebd898 rgb(235,216,152)
```
#eedea9
```
#eedea9 rgb(238,222,169)
```
#f2e4b9
```
#f2e4b9 rgb(242,228,185)
```
#f5eaca
```
#f5eaca rgb(245,234,202)
```
#f8f1da
```
#f8f1da rgb(248,241,218)
```
#fbf7eb
```
#fbf7eb rgb(251,247,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#706d63
```
#706d63 rgb(112,109,99)
```
#78715b
```
#78715b rgb(120,113,91)
```
#807553
```
#807553 rgb(128,117,83)
```
#887a4b
```
#887a4b rgb(136,122,75)
```
#917e42
```
#917e42 rgb(145,126,66)
```
#99823a
```
#99823a rgb(153,130,58)
```
#a18632
```
#a18632 rgb(161,134,50)
```
#a98b2a
```
#a98b2a rgb(169,139,42)
```
#b18f22
```
#b18f22 rgb(177,143,34)
```
#b9931a
```
#b9931a rgb(185,147,26)
```
#c19812
```
#c19812 rgb(193,152,18)
```
#c99c0a
```
#c99c0a rgb(201,156,10)
```
#d1a002
```
#d1a002 rgb(209,160,2)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#948d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa982e Protanopia 1% of men
#bd912f Deuteranopia 1% of men
#bc8b95 Tritanopia 0.001% of the population

Trichromacy

#ac9529 Protanomaly 1% of men, 0.01% of women
#b9902a Deuteranomaly 6% of men, 0.4% of women
#b88c6b Tritanomaly 0.01% of the population

#b18f22 hex color

#b18f22 Color Information

#b18f22 Color Conversion

Color Schemes with #b18f22

Alternatives to #b18f22

#b18f22 Preview

Shades and Tints of #b18f22

Tones of #b18f22

Color Blindness Simulator