colorhexa.com

#b4884f hex color

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

- R 71
- G 53
- B 31
RGB color chart
- C 0
- M 24
- Y 56
- K 29
CMYK color chart

● #b4884f color description : Moderate orange.

The hexadecimal color #b4884f has RGB values of R:180, G:136, B:79 and CMYK values of C:0, M:0.24, Y:0.56, K:0.29. Its decimal value is 11831375.

Hex triplet	b4884f	`#b4884f`
RGB Decimal	180, 136, 79	`rgb(180,136,79)`
RGB Percent	70.6, 53.3, 31	`rgb(70.6%,53.3%,31%)`
CMYK	0, 24, 56, 29
HSL	33.9°, 40.2, 50.8	`hsl(33.9,40.2%,50.8%)`
HSV (or HSB)	33.9°, 56.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.778, 10.125, 36.808
XYZ	29.038, 27.878, 11.248
xyY	0.426, 0.409, 27.878
CIE-LCH	59.778, 38.175, 74.619
CIE-LUV	59.778, 33.936, 41.451
Hunter-Lab	52.799, 5.772, 24.328
Binary	10110100, 10001000, 01001111

#b4884f
```
#b4884f rgb(180,136,79)
```
#4f7bb4
```
#4f7bb4 rgb(79,123,180)
```

Complementary Color

#b4564f
```
#b4564f rgb(180,86,79)
```
#b4884f
```
#b4884f rgb(180,136,79)
```
#aeb44f
```
#aeb44f rgb(174,180,79)
```

Analogous Color

#554fb4
```
#554fb4 rgb(85,79,180)
```
#b4884f
```
#b4884f rgb(180,136,79)
```
#4faeb4
```
#4faeb4 rgb(79,174,180)
```

Split Complementary Color

#884fb4
```
#884fb4 rgb(136,79,180)
```
#b4884f
```
#b4884f rgb(180,136,79)
```
#4fb488
```
#4fb488 rgb(79,180,136)
```

Triadic Color

#b44f7b
```
#b44f7b rgb(180,79,123)
```
#b4884f
```
#b4884f rgb(180,136,79)
```
#4fb488
```
#4fb488 rgb(79,180,136)
```
#4f7bb4
```
#4f7bb4 rgb(79,123,180)
```

Tetradic Color

#806037
```
#806037 rgb(128,96,55)
```
#926d3e
```
#926d3e rgb(146,109,62)
```
#a47b46
```
#a47b46 rgb(164,123,70)
```
#b4884f
```
#b4884f rgb(180,136,79)
```
#bc9461
```
#bc9461 rgb(188,148,97)
```
#c3a073
```
#c3a073 rgb(195,160,115)
```
#cbac85
```
#cbac85 rgb(203,172,133)
```

Monochromatic Color

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

#b46f4f
```
#b46f4f rgb(180,111,79)
```
#b4774f
```
#b4774f rgb(180,119,79)
```
#b4804f
```
#b4804f rgb(180,128,79)
```
#b4884f
```
#b4884f rgb(180,136,79)
```
#b4904f
```
#b4904f rgb(180,144,79)
```
#b4994f
```
#b4994f rgb(180,153,79)
```
#b4a14f
```
#b4a14f rgb(180,161,79)
```

Similar Colors

Text with hexadecimal color #b4884f

This text has a font color of #b4884f.

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

#b4884f background color

This paragraph has a background color of #b4884f.

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

#b4884f border color

This element has a border color of #b4884f.

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

CSS codes

.text {color:#b4884f;}

.background {background-color:#b4884f;}

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

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)
```
#48361f
```
#48361f rgb(72,54,31)
```
#554024
```
#554024 rgb(85,64,36)
```
#634a2a
```
#634a2a rgb(99,74,42)
```
#715530
```
#715530 rgb(113,85,48)
```
#7f5f36
```
#7f5f36 rgb(127,95,54)
```
#8c693c
```
#8c693c rgb(140,105,60)
```
#9a7442
```
#9a7442 rgb(154,116,66)
```
#a87e48
```
#a87e48 rgb(168,126,72)
```

Shade Color Variation

#b4884f
```
#b4884f rgb(180,136,79)
```
#ba915d
```
#ba915d rgb(186,145,93)
```
#c09b6b
```
#c09b6b rgb(192,155,107)
```
#c6a478
```
#c6a478 rgb(198,164,120)
```
#cbad86
```
#cbad86 rgb(203,173,134)
```
#d1b694
```
#d1b694 rgb(209,182,148)
```
#d7c0a2
```
#d7c0a2 rgb(215,192,162)
```
#ddc9af
```
#ddc9af rgb(221,201,175)
```
#e3d2bd
```
#e3d2bd rgb(227,210,189)
```
#e9dccb
```
#e9dccb rgb(233,220,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 #f8910b is the most saturated one.

#84827f
```
#84827f rgb(132,130,127)
```
#8d8376
```
#8d8376 rgb(141,131,118)
```
#97846c
```
#97846c rgb(151,132,108)
```
#a18662
```
#a18662 rgb(161,134,98)
```
#aa8759
```
#aa8759 rgb(170,135,89)
```
#b4884f
```
#b4884f rgb(180,136,79)
```
#be8945
```
#be8945 rgb(190,137,69)
```
#c78a3c
```
#c78a3c rgb(199,138,60)
```
#d18c32
```
#d18c32 rgb(209,140,50)
```
#db8d28
```
#db8d28 rgb(219,141,40)
```
#e48e1f
```
#e48e1f rgb(228,142,31)
```
#ee8f15
```
#ee8f15 rgb(238,143,21)
```
#f8910b
```
#f8910b rgb(248,145,11)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#968e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3955a Protanopia 1% of men
#b58f57 Deuteranopia 1% of men
#bd8790 Tritanopia 0.001% of the population

Trichromacy

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