#b8822a hex color

In a RGB color space, hex #b8822a is composed of 72.2% red, 51% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.3% magenta, 77.2% yellow and 27.8% black. It has a hue angle of 37.2 degrees, a saturation of 62.8% and a lightness of 44.3%. #b8822a color hex could be obtained by blending #ffff54 with #710500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 51
- B 16
RGB color chart
- C 0
- M 29
- Y 77
- K 28
CMYK color chart

● #b8822a color description : Strong orange.

The hexadecimal color #b8822a has RGB values of R:184, G:130, B:42 and CMYK values of C:0, M:0.29, Y:0.77, K:0.28. Its decimal value is 12091946.

Hex triplet	b8822a	`#b8822a`
RGB Decimal	184, 130, 42	`rgb(184,130,42)`
RGB Percent	72.2, 51, 16.5	`rgb(72.2%,51%,16.5%)`
CMYK	0, 29, 77, 28
HSL	37.2°, 62.8, 44.3	`hsl(37.2,62.8%,44.3%)`
HSV (or HSB)	37.2°, 77.2, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.344, 12.911, 52.979
XYZ	28.168, 26.324, 5.788
xyY	0.467, 0.437, 26.324
CIE-LCH	58.344, 54.529, 76.304
CIE-LUV	58.344, 43.994, 52.813
Hunter-Lab	51.307, 8.21, 29.227
Binary	10111000, 10000010, 00101010

#b8822a
```
#b8822a rgb(184,130,42)
```
#2a60b8
```
#2a60b8 rgb(42,96,184)
```

Complementary Color

#b83b2a
```
#b83b2a rgb(184,59,42)
```
#b8822a
```
#b8822a rgb(184,130,42)
```
#a7b82a
```
#a7b82a rgb(167,184,42)
```

Analogous Color

#3b2ab8
```
#3b2ab8 rgb(59,42,184)
```
#b8822a
```
#b8822a rgb(184,130,42)
```
#2aa7b8
```
#2aa7b8 rgb(42,167,184)
```

Split Complementary Color

#822ab8
```
#822ab8 rgb(130,42,184)
```
#b8822a
```
#b8822a rgb(184,130,42)
```
#2ab882
```
#2ab882 rgb(42,184,130)
```

Triadic Color

#b82a60
```
#b82a60 rgb(184,42,96)
```
#b8822a
```
#b8822a rgb(184,130,42)
```
#2ab882
```
#2ab882 rgb(42,184,130)
```
#2a60b8
```
#2a60b8 rgb(42,96,184)
```

Tetradic Color

#7a561c
```
#7a561c rgb(122,86,28)
```
#8e6521
```
#8e6521 rgb(142,101,33)
```
#a37325
```
#a37325 rgb(163,115,37)
```
#b8822a
```
#b8822a rgb(184,130,42)
```
#cd912f
```
#cd912f rgb(205,145,47)
```
#d49c41
```
#d49c41 rgb(212,156,65)
```
#d8a756
```
#d8a756 rgb(216,167,86)
```

Monochromatic Color

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

#b85e2a
```
#b85e2a rgb(184,94,42)
```
#b86a2a
```
#b86a2a rgb(184,106,42)
```
#b8762a
```
#b8762a rgb(184,118,42)
```
#b8822a
```
#b8822a rgb(184,130,42)
```
#b88e2a
```
#b88e2a rgb(184,142,42)
```
#b89a2a
```
#b89a2a rgb(184,154,42)
```
#b8a62a
```
#b8a62a rgb(184,166,42)
```

Similar Colors

Text with hexadecimal color #b8822a

This text has a font color of #b8822a.

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

#b8822a background color

This paragraph has a background color of #b8822a.

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

#b8822a border color

This element has a border color of #b8822a.

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

CSS codes

.text {color:#b8822a;}

.background {background-color:#b8822a;}

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

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

#080602
```
#080602 rgb(8,6,2)
```
#181106
```
#181106 rgb(24,17,6)
```
#281c09
```
#281c09 rgb(40,28,9)
```
#38280d
```
#38280d rgb(56,40,13)
```
#483310
```
#483310 rgb(72,51,16)
```
#583e14
```
#583e14 rgb(88,62,20)
```
#684a18
```
#684a18 rgb(104,74,24)
```
#78551b
```
#78551b rgb(120,85,27)
```
#88601f
```
#88601f rgb(136,96,31)
```
#986b23
```
#986b23 rgb(152,107,35)
```
#a87726
```
#a87726 rgb(168,119,38)
```
#b8822a
```
#b8822a rgb(184,130,42)
```
#c88d2e
```
#c88d2e rgb(200,141,46)
```

Shade Color Variation

#d29738
```
#d29738 rgb(210,151,56)
```
#d59f48
```
#d59f48 rgb(213,159,72)
```
#d9a858
```
#d9a858 rgb(217,168,88)
```
#dcb068
```
#dcb068 rgb(220,176,104)
```
#e0b878
```
#e0b878 rgb(224,184,120)
```
#e4c188
```
#e4c188 rgb(228,193,136)
```
#e7c998
```
#e7c998 rgb(231,201,152)
```
#ebd1a8
```
#ebd1a8 rgb(235,209,168)
```
#efdab7
```
#efdab7 rgb(239,218,183)
```
#f2e2c7
```
#f2e2c7 rgb(242,226,199)
```
#f6ead7
```
#f6ead7 rgb(246,234,215)
```
#faf3e7
```
#faf3e7 rgb(250,243,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#727170
```
#727170 rgb(114,113,112)
```
#7b7367
```
#7b7367 rgb(123,115,103)
```
#84765e
```
#84765e rgb(132,118,94)
```
#8d7855
```
#8d7855 rgb(141,120,85)
```
#957a4d
```
#957a4d rgb(149,122,77)
```
#9e7c44
```
#9e7c44 rgb(158,124,68)
```
#a77e3b
```
#a77e3b rgb(167,126,59)
```
#af8033
```
#af8033 rgb(175,128,51)
```
#b8822a
```
#b8822a rgb(184,130,42)
```
#c18421
```
#c18421 rgb(193,132,33)
```
#c98619
```
#c98619 rgb(201,134,25)
```
#d28810
```
#d28810 rgb(210,136,16)
```
#db8a07
```
#db8a07 rgb(219,138,7)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#928775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29237 Protanopia 1% of men
#b58b33 Deuteranopia 1% of men
#c18089 Tritanopia 0.001% of the population

Trichromacy

#aa8c32 Protanomaly 1% of men, 0.01% of women
#b68730 Deuteranomaly 6% of men, 0.4% of women
#bd8066 Tritanomaly 0.01% of the population

#b8822a hex color

#b8822a Color Information

#b8822a Color Conversion

Color Schemes with #b8822a

Alternatives to #b8822a

#b8822a Preview

Shades and Tints of #b8822a

Tones of #b8822a

Color Blindness Simulator