#b4804a hex color

In a RGB color space, hex #b4804a is composed of 70.6% red, 50.2% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.9% magenta, 58.9% yellow and 29.4% black. It has a hue angle of 30.6 degrees, a saturation of 41.7% and a lightness of 49.8%. #b4804a color hex could be obtained by blending #ffff94 with #690100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 50
- B 29
RGB color chart
- C 0
- M 29
- Y 59
- K 29
CMYK color chart

● #b4804a color description : Moderate orange.

The hexadecimal color #b4804a has RGB values of R:180, G:128, B:74 and CMYK values of C:0, M:0.29, Y:0.59, K:0.29. Its decimal value is 11829322.

Hex triplet	b4804a	`#b4804a`
RGB Decimal	180, 128, 74	`rgb(180,128,74)`
RGB Percent	70.6, 50.2, 29	`rgb(70.6%,50.2%,29%)`
CMYK	0, 29, 59, 29
HSL	30.6°, 41.7, 49.8	`hsl(30.6,41.7%,49.8%)`
HSV (or HSB)	30.6°, 58.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	57.691, 14.175, 36.928
XYZ	27.778, 25.638, 9.964
xyY	0.438, 0.405, 25.638
CIE-LCH	57.691, 39.555, 69
CIE-LUV	57.691, 40.058, 40.065
Hunter-Lab	50.634, 9.318, 23.776
Binary	10110100, 10000000, 01001010

#b4804a
```
#b4804a rgb(180,128,74)
```
#4a7eb4
```
#4a7eb4 rgb(74,126,180)
```

Complementary Color

#b44b4a
```
#b44b4a rgb(180,75,74)
```
#b4804a
```
#b4804a rgb(180,128,74)
```
#b3b44a
```
#b3b44a rgb(179,180,74)
```

Analogous Color

#4b4ab4
```
#4b4ab4 rgb(75,74,180)
```
#b4804a
```
#b4804a rgb(180,128,74)
```
#4ab3b4
```
#4ab3b4 rgb(74,179,180)
```

Split Complementary Color

#804ab4
```
#804ab4 rgb(128,74,180)
```
#b4804a
```
#b4804a rgb(180,128,74)
```
#4ab480
```
#4ab480 rgb(74,180,128)
```

Triadic Color

#b44a7e
```
#b44a7e rgb(180,74,126)
```
#b4804a
```
#b4804a rgb(180,128,74)
```
#4ab480
```
#4ab480 rgb(74,180,128)
```
#4a7eb4
```
#4a7eb4 rgb(74,126,180)
```

Tetradic Color

#7e5934
```
#7e5934 rgb(126,89,52)
```
#90663b
```
#90663b rgb(144,102,59)
```
#a27343
```
#a27343 rgb(162,115,67)
```
#b4804a
```
#b4804a rgb(180,128,74)
```
#bc8d5c
```
#bc8d5c rgb(188,141,92)
```
#c3996e
```
#c3996e rgb(195,153,110)
```
#cba680
```
#cba680 rgb(203,166,128)
```

Monochromatic Color

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

#b4664a
```
#b4664a rgb(180,102,74)
```
#b46e4a
```
#b46e4a rgb(180,110,74)
```
#b4774a
```
#b4774a rgb(180,119,74)
```
#b4804a
```
#b4804a rgb(180,128,74)
```
#b4894a
```
#b4894a rgb(180,137,74)
```
#b4924a
```
#b4924a rgb(180,146,74)
```
#b49b4a
```
#b49b4a rgb(180,155,74)
```

Similar Colors

Text with hexadecimal color #b4804a

This text has a font color of #b4804a.

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

#b4804a background color

This paragraph has a background color of #b4804a.

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

#b4804a border color

This element has a border color of #b4804a.

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

CSS codes

.text {color:#b4804a;}

.background {background-color:#b4804a;}

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

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

#0d0905
```
#0d0905 rgb(13,9,5)
```
#1b130b
```
#1b130b rgb(27,19,11)
```
#291d11
```
#291d11 rgb(41,29,17)
```
#372717
```
#372717 rgb(55,39,23)
```
#45311c
```
#45311c rgb(69,49,28)
```
#533b22
```
#533b22 rgb(83,59,34)
```
#614528
```
#614528 rgb(97,69,40)
```
#6e4f2d
```
#6e4f2d rgb(110,79,45)
```
#7c5833
```
#7c5833 rgb(124,88,51)
```
#8a6239
```
#8a6239 rgb(138,98,57)
```
#986c3f
```
#986c3f rgb(152,108,63)
```
#a67644
```
#a67644 rgb(166,118,68)
```
#b4804a
```
#b4804a rgb(180,128,74)
```

Shade Color Variation

#ba8a57
```
#ba8a57 rgb(186,138,87)
```
#c09365
```
#c09365 rgb(192,147,101)
```
#c69d73
```
#c69d73 rgb(198,157,115)
```
#cba781
```
#cba781 rgb(203,167,129)
```
#d1b18f
```
#d1b18f rgb(209,177,143)
```
#d7ba9d
```
#d7ba9d rgb(215,186,157)
```
#dcc4ab
```
#dcc4ab rgb(220,196,171)
```
#e2ceb9
```
#e2ceb9 rgb(226,206,185)
```
#e8d8c7
```
#e8d8c7 rgb(232,216,199)
```
#eee1d5
```
#eee1d5 rgb(238,225,213)
```
#f3ebe2
```
#f3ebe2 rgb(243,235,226)
```
#f9f5f0
```
#f9f5f0 rgb(249,245,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#837f7b
```
#837f7b rgb(131,127,123)
```
#8d7f71
```
#8d7f71 rgb(141,127,113)
```
#977f67
```
#977f67 rgb(151,127,103)
```
#a0805e
```
#a0805e rgb(160,128,94)
```
#aa8054
```
#aa8054 rgb(170,128,84)
```
#b4804a
```
#b4804a rgb(180,128,74)
```
#be8040
```
#be8040 rgb(190,128,64)
```
#c88036
```
#c88036 rgb(200,128,54)
```
#d1812d
```
#d1812d rgb(209,129,45)
```
#db8123
```
#db8123 rgb(219,129,35)
```
#e58119
```
#e58119 rgb(229,129,25)
```
#ef810f
```
#ef810f rgb(239,129,15)
```
#f88106
```
#f88106 rgb(248,129,6)
```

Tone Color Variation

Below, you can see how #b4804a 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
#92877c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9056 Protanopia 1% of men
#af8a52 Deuteranopia 1% of men
#bc8088 Tritanopia 0.001% of the population

Trichromacy

#a68a52 Protanomaly 1% of men, 0.01% of women
#b1864f Deuteranomaly 6% of men, 0.4% of women
#b98072 Tritanomaly 0.01% of the population

#b4804a hex color

#b4804a Color Information

#b4804a Color Conversion

Color Schemes with #b4804a

Alternatives to #b4804a

#b4804a Preview

Shades and Tints of #b4804a

Tones of #b4804a

Color Blindness Simulator