#b4822c hex color

In a RGB color space, hex #b4822c is composed of 70.6% red, 51% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.8% magenta, 75.6% yellow and 29.4% black. It has a hue angle of 37.9 degrees, a saturation of 60.7% and a lightness of 43.9%. #b4822c color hex could be obtained by blending #ffff58 with #690500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 51
- B 17
RGB color chart
- C 0
- M 28
- Y 76
- K 29
CMYK color chart

● #b4822c color description : Strong orange.

The hexadecimal color #b4822c has RGB values of R:180, G:130, B:44 and CMYK values of C:0, M:0.28, Y:0.76, K:0.29. Its decimal value is 11829804.

Hex triplet	b4822c	`#b4822c`
RGB Decimal	180, 130, 44	`rgb(180,130,44)`
RGB Percent	70.6, 51, 17.3	`rgb(70.6%,51%,17.3%)`
CMYK	0, 28, 76, 29
HSL	37.9°, 60.7, 43.9	`hsl(37.9,60.7%,43.9%)`
HSV (or HSB)	37.9°, 75.6, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	57.896, 11.218, 51.568
XYZ	27.26, 25.852, 5.937
xyY	0.462, 0.438, 25.852
CIE-LCH	57.896, 52.774, 77.727
CIE-LUV	57.896, 40.698, 52.075
Hunter-Lab	50.845, 6.723, 28.668
Binary	10110100, 10000010, 00101100

#b4822c
```
#b4822c rgb(180,130,44)
```
#2c5eb4
```
#2c5eb4 rgb(44,94,180)
```

Complementary Color

#b43e2c
```
#b43e2c rgb(180,62,44)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#a2b42c
```
#a2b42c rgb(162,180,44)
```

Analogous Color

#3e2cb4
```
#3e2cb4 rgb(62,44,180)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#2ca2b4
```
#2ca2b4 rgb(44,162,180)
```

Split Complementary Color

#822cb4
```
#822cb4 rgb(130,44,180)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#2cb482
```
#2cb482 rgb(44,180,130)
```

Triadic Color

#b42c5e
```
#b42c5e rgb(180,44,94)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#2cb482
```
#2cb482 rgb(44,180,130)
```
#2c5eb4
```
#2c5eb4 rgb(44,94,180)
```

Tetradic Color

#77561d
```
#77561d rgb(119,86,29)
```
#8b6422
```
#8b6422 rgb(139,100,34)
```
#a07327
```
#a07327 rgb(160,115,39)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#c89131
```
#c89131 rgb(200,145,49)
```
#d19c42
```
#d19c42 rgb(209,156,66)
```
#d6a757
```
#d6a757 rgb(214,167,87)
```

Monochromatic Color

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

#b4602c
```
#b4602c rgb(180,96,44)
```
#b46b2c
```
#b46b2c rgb(180,107,44)
```
#b4772c
```
#b4772c rgb(180,119,44)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#b48d2c
```
#b48d2c rgb(180,141,44)
```
#b4992c
```
#b4992c rgb(180,153,44)
```
#b4a42c
```
#b4a42c rgb(180,164,44)
```

Similar Colors

Text with hexadecimal color #b4822c

This text has a font color of #b4822c.

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

#b4822c background color

This paragraph has a background color of #b4822c.

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

#b4822c border color

This element has a border color of #b4822c.

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

CSS codes

.text {color:#b4822c;}

.background {background-color:#b4822c;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#161005
```
#161005 rgb(22,16,5)
```
#261c09
```
#261c09 rgb(38,28,9)
```
#36270d
```
#36270d rgb(54,39,13)
```
#463211
```
#463211 rgb(70,50,17)
```
#553e15
```
#553e15 rgb(85,62,21)
```
#654919
```
#654919 rgb(101,73,25)
```
#75541d
```
#75541d rgb(117,84,29)
```
#856020
```
#856020 rgb(133,96,32)
```
#946b24
```
#946b24 rgb(148,107,36)
```
#a47728
```
#a47728 rgb(164,119,40)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#c48d30
```
#c48d30 rgb(196,141,48)
```

Shade Color Variation

#cf9739
```
#cf9739 rgb(207,151,57)
```
#d2a048
```
#d2a048 rgb(210,160,72)
```
#d6a858
```
#d6a858 rgb(214,168,88)
```
#dab068
```
#dab068 rgb(218,176,104)
```
#deb878
```
#deb878 rgb(222,184,120)
```
#e2c188
```
#e2c188 rgb(226,193,136)
```
#e6c997
```
#e6c997 rgb(230,201,151)
```
#e9d1a7
```
#e9d1a7 rgb(233,209,167)
```
#edd9b7
```
#edd9b7 rgb(237,217,183)
```
#f1e2c7
```
#f1e2c7 rgb(241,226,199)
```
#f5ead6
```
#f5ead6 rgb(245,234,214)
```
#f9f2e6
```
#f9f2e6 rgb(249,242,230)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#787268
```
#787268 rgb(120,114,104)
```
#807460
```
#807460 rgb(128,116,96)
```
#897757
```
#897757 rgb(137,119,87)
```
#92794e
```
#92794e rgb(146,121,78)
```
#9a7b46
```
#9a7b46 rgb(154,123,70)
```
#a37d3d
```
#a37d3d rgb(163,125,61)
```
#ab8035
```
#ab8035 rgb(171,128,53)
```
#b4822c
```
#b4822c rgb(180,130,44)
```
#bd8423
```
#bd8423 rgb(189,132,35)
```
#c5871b
```
#c5871b rgb(197,135,27)
```
#ce8912
```
#ce8912 rgb(206,137,18)
```
#d68b0a
```
#d68b0a rgb(214,139,10)
```
#df8d01
```
#df8d01 rgb(223,141,1)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#908675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19139 Protanopia 1% of men
#b38a36 Deuteranopia 1% of men
#bd8089 Tritanopia 0.001% of the population

Trichromacy

#a88b34 Protanomaly 1% of men, 0.01% of women
#b38732 Deuteranomaly 6% of men, 0.4% of women
#ba8067 Tritanomaly 0.01% of the population

#b4822c hex color

#b4822c Color Information

#b4822c Color Conversion

Color Schemes with #b4822c

Alternatives to #b4822c

#b4822c Preview

Shades and Tints of #b4822c

Tones of #b4822c

Color Blindness Simulator