#b18222 hex color

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

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

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

The hexadecimal color #b18222 has RGB values of R:177, G:130, B:34 and CMYK values of C:0, M:0.27, Y:0.81, K:0.31. Its decimal value is 11633186.

Hex triplet	b18222	`#b18222`
RGB Decimal	177, 130, 34	`rgb(177,130,34)`
RGB Percent	69.4, 51, 13.3	`rgb(69.4%,51%,13.3%)`
CMYK	0, 27, 81, 31
HSL	40.3°, 67.8, 41.4	`hsl(40.3,67.8%,41.4%)`
HSV (or HSB)	40.3°, 80.8, 69.4
Web Safe	999933	`#999933`

CIE-LAB	57.491, 9.472, 54.942
XYZ	26.403, 25.429, 5.031
xyY	0.464, 0.447, 25.429
CIE-LCH	57.491, 55.752, 80.219
CIE-LUV	57.491, 38.77, 54.406
Hunter-Lab	50.428, 5.213, 29.384
Binary	10110001, 10000010, 00100010

#b18222
```
#b18222 rgb(177,130,34)
```
#2251b1
```
#2251b1 rgb(34,81,177)
```

Complementary Color

#b13b22
```
#b13b22 rgb(177,59,34)
```
#b18222
```
#b18222 rgb(177,130,34)
```
#99b122
```
#99b122 rgb(153,177,34)
```

Analogous Color

#3a22b1
```
#3a22b1 rgb(58,34,177)
```
#b18222
```
#b18222 rgb(177,130,34)
```
#2299b1
```
#2299b1 rgb(34,153,177)
```

Split Complementary Color

#8222b1
```
#8222b1 rgb(130,34,177)
```
#b18222
```
#b18222 rgb(177,130,34)
```
#22b182
```
#22b182 rgb(34,177,130)
```

Triadic Color

#b12251
```
#b12251 rgb(177,34,81)
```
#b18222
```
#b18222 rgb(177,130,34)
```
#22b182
```
#22b182 rgb(34,177,130)
```
#2251b1
```
#2251b1 rgb(34,81,177)
```

Tetradic Color

#715316
```
#715316 rgb(113,83,22)
```
#86631a
```
#86631a rgb(134,99,26)
```
#9c721e
```
#9c721e rgb(156,114,30)
```
#b18222
```
#b18222 rgb(177,130,34)
```
#c69226
```
#c69226 rgb(198,146,38)
```
#d7a02f
```
#d7a02f rgb(215,160,47)
```
#dbaa44
```
#dbaa44 rgb(219,170,68)
```

Monochromatic Color

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

#b15e22
```
#b15e22 rgb(177,94,34)
```
#b16a22
```
#b16a22 rgb(177,106,34)
```
#b17622
```
#b17622 rgb(177,118,34)
```
#b18222
```
#b18222 rgb(177,130,34)
```
#b18e22
```
#b18e22 rgb(177,142,34)
```
#b19a22
```
#b19a22 rgb(177,154,34)
```
#b1a622
```
#b1a622 rgb(177,166,34)
```

Similar Colors

Text with hexadecimal color #b18222

This text has a font color of #b18222.

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

#b18222 background color

This paragraph has a background color of #b18222.

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

#b18222 border color

This element has a border color of #b18222.

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

CSS codes

.text {color:#b18222;}

.background {background-color:#b18222;}

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

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

#0c0902
```
#0c0902 rgb(12,9,2)
```
#1d1506
```
#1d1506 rgb(29,21,6)
```
#2d2109
```
#2d2109 rgb(45,33,9)
```
#3e2d0c
```
#3e2d0c rgb(62,45,12)
```
#4e390f
```
#4e390f rgb(78,57,15)
```
#5f4612
```
#5f4612 rgb(95,70,18)
```
#6f5215
```
#6f5215 rgb(111,82,21)
```
#805e19
```
#805e19 rgb(128,94,25)
```
#906a1c
```
#906a1c rgb(144,106,28)
```
#a1761f
```
#a1761f rgb(161,118,31)
```
#b18222
```
#b18222 rgb(177,130,34)
```
#c18e25
```
#c18e25 rgb(193,142,37)
```
#d29a28
```
#d29a28 rgb(210,154,40)
```

Shade Color Variation

#d8a336
```
#d8a336 rgb(216,163,54)
```
#dbaa46
```
#dbaa46 rgb(219,170,70)
```
#dfb256
```
#dfb256 rgb(223,178,86)
```
#e2b967
```
#e2b967 rgb(226,185,103)
```
#e5c177
```
#e5c177 rgb(229,193,119)
```
#e8c888
```
#e8c888 rgb(232,200,136)
```
#ebd098
```
#ebd098 rgb(235,208,152)
```
#eed8a9
```
#eed8a9 rgb(238,216,169)
```
#f2dfb9
```
#f2dfb9 rgb(242,223,185)
```
#f5e7ca
```
#f5e7ca rgb(245,231,202)
```
#f8eeda
```
#f8eeda rgb(248,238,218)
```
#fbf6eb
```
#fbf6eb rgb(251,246,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#706c63
```
#706c63 rgb(112,108,99)
```
#786f5b
```
#786f5b rgb(120,111,91)
```
#807153
```
#807153 rgb(128,113,83)
```
#88744b
```
#88744b rgb(136,116,75)
```
#917742
```
#917742 rgb(145,119,66)
```
#997a3a
```
#997a3a rgb(153,122,58)
```
#a17c32
```
#a17c32 rgb(161,124,50)
```
#a97f2a
```
#a97f2a rgb(169,127,42)
```
#b18222
```
#b18222 rgb(177,130,34)
```
#b9851a
```
#b9851a rgb(185,133,26)
```
#c18812
```
#c18812 rgb(193,136,18)
```
#c98a0a
```
#c98a0a rgb(201,138,10)
```
#d18d02
```
#d18d02 rgb(209,141,2)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8e8471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0902f Protanopia 1% of men
#b3892d Deuteranopia 1% of men
#bb8088 Tritanopia 0.001% of the population

Trichromacy

#a68b2a Protanomaly 1% of men, 0.01% of women
#b28629 Deuteranomaly 6% of men, 0.4% of women
#b78063 Tritanomaly 0.01% of the population

#b18222 hex color

#b18222 Color Information

#b18222 Color Conversion

Color Schemes with #b18222

Alternatives to #b18222

#b18222 Preview

Shades and Tints of #b18222

Tones of #b18222

Color Blindness Simulator