colorhexa.com

#b18822 hex color

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

- R 69
- G 53
- B 13
RGB color chart
- C 0
- M 23
- Y 81
- K 31
CMYK color chart

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

The hexadecimal color #b18822 has RGB values of R:177, G:136, B:34 and CMYK values of C:0, M:0.23, Y:0.81, K:0.31. Its decimal value is 11634722.

Hex triplet	b18822	`#b18822`
RGB Decimal	177, 136, 34	`rgb(177,136,34)`
RGB Percent	69.4, 53.3, 13.3	`rgb(69.4%,53.3%,13.3%)`
CMYK	0, 23, 81, 31
HSL	42.8°, 67.8, 41.4	`hsl(42.8,67.8%,41.4%)`
HSV (or HSB)	42.8°, 80.8, 69.4
Web Safe	999933	`#999933`

CIE-LAB	59.041, 6.14, 56.335
XYZ	27.225, 27.072, 5.305
xyY	0.457, 0.454, 27.072
CIE-LCH	59.041, 56.668, 83.78
CIE-LUV	59.041, 34.214, 56.832
Hunter-Lab	52.031, 2.344, 30.377
Binary	10110001, 10001000, 00100010

#b18822
```
#b18822 rgb(177,136,34)
```
#224bb1
```
#224bb1 rgb(34,75,177)
```

Complementary Color

#b14122
```
#b14122 rgb(177,65,34)
```
#b18822
```
#b18822 rgb(177,136,34)
```
#93b122
```
#93b122 rgb(147,177,34)
```

Analogous Color

#4022b1
```
#4022b1 rgb(64,34,177)
```
#b18822
```
#b18822 rgb(177,136,34)
```
#2293b1
```
#2293b1 rgb(34,147,177)
```

Split Complementary Color

#8822b1
```
#8822b1 rgb(136,34,177)
```
#b18822
```
#b18822 rgb(177,136,34)
```
#22b188
```
#22b188 rgb(34,177,136)
```

Triadic Color

#b1224b
```
#b1224b rgb(177,34,75)
```
#b18822
```
#b18822 rgb(177,136,34)
```
#22b188
```
#22b188 rgb(34,177,136)
```
#224bb1
```
#224bb1 rgb(34,75,177)
```

Tetradic Color

#715716
```
#715716 rgb(113,87,22)
```
#86671a
```
#86671a rgb(134,103,26)
```
#9c781e
```
#9c781e rgb(156,120,30)
```
#b18822
```
#b18822 rgb(177,136,34)
```
#c69826
```
#c69826 rgb(198,152,38)
```
#d7a72f
```
#d7a72f rgb(215,167,47)
```
#dbb044
```
#dbb044 rgb(219,176,68)
```

Monochromatic Color

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

#b16422
```
#b16422 rgb(177,100,34)
```
#b17022
```
#b17022 rgb(177,112,34)
```
#b17c22
```
#b17c22 rgb(177,124,34)
```
#b18822
```
#b18822 rgb(177,136,34)
```
#b19422
```
#b19422 rgb(177,148,34)
```
#b1a022
```
#b1a022 rgb(177,160,34)
```
#b1ac22
```
#b1ac22 rgb(177,172,34)
```

Similar Colors

Text with hexadecimal color #b18822

This text has a font color of #b18822.

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

#b18822 background color

This paragraph has a background color of #b18822.

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

#b18822 border color

This element has a border color of #b18822.

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

CSS codes

.text {color:#b18822;}

.background {background-color:#b18822;}

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

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)
```
#1d1606
```
#1d1606 rgb(29,22,6)
```
#2d2309
```
#2d2309 rgb(45,35,9)
```
#3e2f0c
```
#3e2f0c rgb(62,47,12)
```
#4e3c0f
```
#4e3c0f rgb(78,60,15)
```
#5f4912
```
#5f4912 rgb(95,73,18)
```
#6f5515
```
#6f5515 rgb(111,85,21)
```
#806219
```
#806219 rgb(128,98,25)
```
#906f1c
```
#906f1c rgb(144,111,28)
```
#a17b1f
```
#a17b1f rgb(161,123,31)
```
#b18822
```
#b18822 rgb(177,136,34)
```
#c19525
```
#c19525 rgb(193,149,37)
```
#d2a128
```
#d2a128 rgb(210,161,40)
```

Shade Color Variation

#d8aa36
```
#d8aa36 rgb(216,170,54)
```
#dbb146
```
#dbb146 rgb(219,177,70)
```
#dfb856
```
#dfb856 rgb(223,184,86)
```
#e2bf67
```
#e2bf67 rgb(226,191,103)
```
#e5c677
```
#e5c677 rgb(229,198,119)
```
#e8cc88
```
#e8cc88 rgb(232,204,136)
```
#ebd398
```
#ebd398 rgb(235,211,152)
```
#eedaa9
```
#eedaa9 rgb(238,218,169)
```
#f2e1b9
```
#f2e1b9 rgb(242,225,185)
```
#f5e8ca
```
#f5e8ca rgb(245,232,202)
```
#f8efda
```
#f8efda rgb(248,239,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 #d19602 is the most saturated one.

#706c63
```
#706c63 rgb(112,108,99)
```
#78705b
```
#78705b rgb(120,112,91)
```
#807353
```
#807353 rgb(128,115,83)
```
#88774b
```
#88774b rgb(136,119,75)
```
#917a42
```
#917a42 rgb(145,122,66)
```
#997e3a
```
#997e3a rgb(153,126,58)
```
#a18132
```
#a18132 rgb(161,129,50)
```
#a9852a
```
#a9852a rgb(169,133,42)
```
#b18822
```
#b18822 rgb(177,136,34)
```
#b98b1a
```
#b98b1a rgb(185,139,26)
```
#c18f12
```
#c18f12 rgb(193,143,18)
```
#c9920a
```
#c9920a rgb(201,146,10)
```
#d19602
```
#d19602 rgb(209,150,2)
```

Tone Color Variation

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

#a5942f Protanopia 1% of men
#b78c2e Deuteranopia 1% of men
#bb858e Tritanopia 0.001% of the population

Trichromacy

#a98f2a Protanomaly 1% of men, 0.01% of women
#b58b29 Deuteranomaly 6% of men, 0.4% of women
#b78667 Tritanomaly 0.01% of the population