#b4874f hex color

In a RGB color space, hex #b4874f is composed of 70.6% red, 52.9% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 56.1% yellow and 29.4% black. It has a hue angle of 33.3 degrees, a saturation of 40.2% and a lightness of 50.8%. #b4874f color hex could be obtained by blending #ffff9e with #690f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 53
- B 31
RGB color chart
- C 0
- M 25
- Y 56
- K 29
CMYK color chart

● #b4874f color description : Moderate orange.

The hexadecimal color #b4874f has RGB values of R:180, G:135, B:79 and CMYK values of C:0, M:0.25, Y:0.56, K:0.29. Its decimal value is 11831119.

Hex triplet	b4874f	`#b4874f`
RGB Decimal	180, 135, 79	`rgb(180,135,79)`
RGB Percent	70.6, 52.9, 31	`rgb(70.6%,52.9%,31%)`
CMYK	0, 25, 56, 29
HSL	33.3°, 40.2, 50.8	`hsl(33.3,40.2%,50.8%)`
HSV (or HSB)	33.3°, 56.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.523, 10.681, 36.499
XYZ	28.898, 27.597, 11.201
xyY	0.427, 0.408, 27.597
CIE-LCH	59.523, 38.03, 73.688
CIE-LUV	59.523, 34.64, 40.977
Hunter-Lab	52.533, 6.258, 24.131
Binary	10110100, 10000111, 01001111

#b4874f
```
#b4874f rgb(180,135,79)
```
#4f7cb4
```
#4f7cb4 rgb(79,124,180)
```

Complementary Color

#b4554f
```
#b4554f rgb(180,85,79)
```
#b4874f
```
#b4874f rgb(180,135,79)
```
#afb44f
```
#afb44f rgb(175,180,79)
```

Analogous Color

#554fb4
```
#554fb4 rgb(85,79,180)
```
#b4874f
```
#b4874f rgb(180,135,79)
```
#4fafb4
```
#4fafb4 rgb(79,175,180)
```

Split Complementary Color

#874fb4
```
#874fb4 rgb(135,79,180)
```
#b4874f
```
#b4874f rgb(180,135,79)
```
#4fb487
```
#4fb487 rgb(79,180,135)
```

Triadic Color

#b44f7c
```
#b44f7c rgb(180,79,124)
```
#b4874f
```
#b4874f rgb(180,135,79)
```
#4fb487
```
#4fb487 rgb(79,180,135)
```
#4f7cb4
```
#4f7cb4 rgb(79,124,180)
```

Tetradic Color

#805f37
```
#805f37 rgb(128,95,55)
```
#926d3e
```
#926d3e rgb(146,109,62)
```
#a47a46
```
#a47a46 rgb(164,122,70)
```
#b4874f
```
#b4874f rgb(180,135,79)
```
#bc9361
```
#bc9361 rgb(188,147,97)
```
#c39f73
```
#c39f73 rgb(195,159,115)
```
#cbac85
```
#cbac85 rgb(203,172,133)
```

Monochromatic Color

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

#b46e4f
```
#b46e4f rgb(180,110,79)
```
#b4764f
```
#b4764f rgb(180,118,79)
```
#b47f4f
```
#b47f4f rgb(180,127,79)
```
#b4874f
```
#b4874f rgb(180,135,79)
```
#b48f4f
```
#b48f4f rgb(180,143,79)
```
#b4984f
```
#b4984f rgb(180,152,79)
```
#b4a04f
```
#b4a04f rgb(180,160,79)
```

Similar Colors

Text with hexadecimal color #b4874f

This text has a font color of #b4874f.

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

#b4874f background color

This paragraph has a background color of #b4874f.

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

#b4874f border color

This element has a border color of #b4874f.

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

CSS codes

.text {color:#b4874f;}

.background {background-color:#b4874f;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110c07
```
#110c07 rgb(17,12,7)
```
#1e170d
```
#1e170d rgb(30,23,13)
```
#2c2113
```
#2c2113 rgb(44,33,19)
```
#3a2b19
```
#3a2b19 rgb(58,43,25)
```
#48351f
```
#48351f rgb(72,53,31)
```
#554024
```
#554024 rgb(85,64,36)
```
#634a2a
```
#634a2a rgb(99,74,42)
```
#715430
```
#715430 rgb(113,84,48)
```
#7f5e36
```
#7f5e36 rgb(127,94,54)
```
#8c683c
```
#8c683c rgb(140,104,60)
```
#9a7342
```
#9a7342 rgb(154,115,66)
```
#a87d48
```
#a87d48 rgb(168,125,72)
```

Shade Color Variation

#b4874f
```
#b4874f rgb(180,135,79)
```
#ba905d
```
#ba905d rgb(186,144,93)
```
#c09a6b
```
#c09a6b rgb(192,154,107)
```
#c6a378
```
#c6a378 rgb(198,163,120)
```
#cbad86
```
#cbad86 rgb(203,173,134)
```
#d1b694
```
#d1b694 rgb(209,182,148)
```
#d7bfa2
```
#d7bfa2 rgb(215,191,162)
```
#ddc9af
```
#ddc9af rgb(221,201,175)
```
#e3d2bd
```
#e3d2bd rgb(227,210,189)
```
#e9dbcb
```
#e9dbcb rgb(233,219,203)
```
#efe5d9
```
#efe5d9 rgb(239,229,217)
```
#f4eee6
```
#f4eee6 rgb(244,238,230)
```
#faf8f4
```
#faf8f4 rgb(250,248,244)
```

Tint Color Variation

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

#84827f
```
#84827f rgb(132,130,127)
```
#8d8376
```
#8d8376 rgb(141,131,118)
```
#97846c
```
#97846c rgb(151,132,108)
```
#a18562
```
#a18562 rgb(161,133,98)
```
#aa8659
```
#aa8659 rgb(170,134,89)
```
#b4874f
```
#b4874f rgb(180,135,79)
```
#be8845
```
#be8845 rgb(190,136,69)
```
#c7893c
```
#c7893c rgb(199,137,60)
```
#d18a32
```
#d18a32 rgb(209,138,50)
```
#db8b28
```
#db8b28 rgb(219,139,40)
```
#e48c1f
```
#e48c1f rgb(228,140,31)
```
#ee8d15
```
#ee8d15 rgb(238,141,21)
```
#f88e0b
```
#f88e0b rgb(248,142,11)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#968d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2955a Protanopia 1% of men
#b48e57 Deuteranopia 1% of men
#bc868f Tritanopia 0.001% of the population

Trichromacy

#a99056 Protanomaly 1% of men, 0.01% of women
#b48b54 Deuteranomaly 6% of men, 0.4% of women
#b98678 Tritanomaly 0.01% of the population

#b4874f hex color

#b4874f Color Information

#b4874f Color Conversion

Color Schemes with #b4874f

Alternatives to #b4874f

#b4874f Preview

Shades and Tints of #b4874f

Tones of #b4874f

Color Blindness Simulator