#b18022 hex color

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

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

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

The hexadecimal color #b18022 has RGB values of R:177, G:128, B:34 and CMYK values of C:0, M:0.28, Y:0.81, K:0.31. Its decimal value is 11632674.

Hex triplet	b18022	`#b18022`
RGB Decimal	177, 128, 34	`rgb(177,128,34)`
RGB Percent	69.4, 50.2, 13.3	`rgb(69.4%,50.2%,13.3%)`
CMYK	0, 28, 81, 31
HSL	39.4°, 67.8, 41.4	`hsl(39.4,67.8%,41.4%)`
HSV (or HSB)	39.4°, 80.8, 69.4
Web Safe	999933	`#999933`

CIE-LAB	56.98, 10.586, 54.48
XYZ	26.14, 24.902, 4.943
xyY	0.467, 0.445, 24.902
CIE-LCH	56.98, 55.499, 79.004
CIE-LUV	56.98, 40.305, 53.6
Hunter-Lab	49.902, 6.173, 29.059
Binary	10110001, 10000000, 00100010

#b18022
```
#b18022 rgb(177,128,34)
```
#2253b1
```
#2253b1 rgb(34,83,177)
```

Complementary Color

#b13822
```
#b13822 rgb(177,56,34)
```
#b18022
```
#b18022 rgb(177,128,34)
```
#9bb122
```
#9bb122 rgb(155,177,34)
```

Analogous Color

#3822b1
```
#3822b1 rgb(56,34,177)
```
#b18022
```
#b18022 rgb(177,128,34)
```
#229bb1
```
#229bb1 rgb(34,155,177)
```

Split Complementary Color

#8022b1
```
#8022b1 rgb(128,34,177)
```
#b18022
```
#b18022 rgb(177,128,34)
```
#22b180
```
#22b180 rgb(34,177,128)
```

Triadic Color

#b12253
```
#b12253 rgb(177,34,83)
```
#b18022
```
#b18022 rgb(177,128,34)
```
#22b180
```
#22b180 rgb(34,177,128)
```
#2253b1
```
#2253b1 rgb(34,83,177)
```

Tetradic Color

#715216
```
#715216 rgb(113,82,22)
```
#86611a
```
#86611a rgb(134,97,26)
```
#9c711e
```
#9c711e rgb(156,113,30)
```
#b18022
```
#b18022 rgb(177,128,34)
```
#c68f26
```
#c68f26 rgb(198,143,38)
```
#d79d2f
```
#d79d2f rgb(215,157,47)
```
#dba744
```
#dba744 rgb(219,167,68)
```

Monochromatic Color

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

#b15c22
```
#b15c22 rgb(177,92,34)
```
#b16822
```
#b16822 rgb(177,104,34)
```
#b17422
```
#b17422 rgb(177,116,34)
```
#b18022
```
#b18022 rgb(177,128,34)
```
#b18c22
```
#b18c22 rgb(177,140,34)
```
#b19822
```
#b19822 rgb(177,152,34)
```
#b1a422
```
#b1a422 rgb(177,164,34)
```

Similar Colors

Text with hexadecimal color #b18022

This text has a font color of #b18022.

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

#b18022 background color

This paragraph has a background color of #b18022.

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

#b18022 border color

This element has a border color of #b18022.

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

CSS codes

.text {color:#b18022;}

.background {background-color:#b18022;}

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

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)
```
#5f4512
```
#5f4512 rgb(95,69,18)
```
#6f5015
```
#6f5015 rgb(111,80,21)
```
#805c19
```
#805c19 rgb(128,92,25)
```
#90681c
```
#90681c rgb(144,104,28)
```
#a1741f
```
#a1741f rgb(161,116,31)
```
#b18022
```
#b18022 rgb(177,128,34)
```
#c18c25
```
#c18c25 rgb(193,140,37)
```
#d29828
```
#d29828 rgb(210,152,40)
```

Shade Color Variation

#d8a136
```
#d8a136 rgb(216,161,54)
```
#dba846
```
#dba846 rgb(219,168,70)
```
#dfb056
```
#dfb056 rgb(223,176,86)
```
#e2b867
```
#e2b867 rgb(226,184,103)
```
#e5bf77
```
#e5bf77 rgb(229,191,119)
```
#e8c788
```
#e8c788 rgb(232,199,136)
```
#ebcf98
```
#ebcf98 rgb(235,207,152)
```
#eed7a9
```
#eed7a9 rgb(238,215,169)
```
#f2deb9
```
#f2deb9 rgb(242,222,185)
```
#f5e6ca
```
#f5e6ca rgb(245,230,202)
```
#f8eeda
```
#f8eeda rgb(248,238,218)
```
#fbf5eb
```
#fbf5eb rgb(251,245,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 #d18a02 is the most saturated one.

#706c63
```
#706c63 rgb(112,108,99)
```
#786e5b
```
#786e5b rgb(120,110,91)
```
#807153
```
#807153 rgb(128,113,83)
```
#88734b
```
#88734b rgb(136,115,75)
```
#917642
```
#917642 rgb(145,118,66)
```
#99783a
```
#99783a rgb(153,120,58)
```
#a17b32
```
#a17b32 rgb(161,123,50)
```
#a97d2a
```
#a97d2a rgb(169,125,42)
```
#b18022
```
#b18022 rgb(177,128,34)
```
#b9831a
```
#b9831a rgb(185,131,26)
```
#c18512
```
#c18512 rgb(193,133,18)
```
#c9880a
```
#c9880a rgb(201,136,10)
```
#d18a02
```
#d18a02 rgb(209,138,2)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d8370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f2f Protanopia 1% of men
#b1882c Deuteranopia 1% of men
#ba7e86 Tritanopia 0.001% of the population

Trichromacy

#a5892a Protanomaly 1% of men, 0.01% of women
#b18528 Deuteranomaly 6% of men, 0.4% of women
#b77e62 Tritanomaly 0.01% of the population

#b18022 hex color

#b18022 Color Information

#b18022 Color Conversion

Color Schemes with #b18022

Alternatives to #b18022

#b18022 Preview

Shades and Tints of #b18022

Tones of #b18022

Color Blindness Simulator