colorhexa.com

#b87f42 hex color

In a RGB color space, hex #b87f42 is composed of 72.2% red, 49.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 64.1% yellow and 27.8% black. It has a hue angle of 31 degrees, a saturation of 47.2% and a lightness of 49%. #b87f42 color hex could be obtained by blending #fffe84 with #710000. Closest websafe color is: #cc6633.

- R 72
- G 50
- B 26
RGB color chart
- C 0
- M 31
- Y 64
- K 28
CMYK color chart

● #b87f42 color description : Moderate orange.

The hexadecimal color #b87f42 has RGB values of R:184, G:127, B:66 and CMYK values of C:0, M:0.31, Y:0.64, K:0.28. Its decimal value is 12091202.

Hex triplet	b87f42	`#b87f42`
RGB Decimal	184, 127, 66	`rgb(184,127,66)`
RGB Percent	72.2, 49.8, 25.9	`rgb(72.2%,49.8%,25.9%)`
CMYK	0, 31, 64, 28
HSL	31°, 47.2, 49	`hsl(31,47.2%,49%)`
HSV (or HSB)	31°, 64.1, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.813, 15.878, 41.338
XYZ	28.34, 25.764, 8.634
xyY	0.452, 0.411, 25.764
CIE-LCH	57.813, 44.283, 68.988
CIE-LUV	57.813, 44.634, 43.451
Hunter-Lab	50.758, 10.836, 25.445
Binary	10111000, 01111111, 01000010

#b87f42
```
#b87f42 rgb(184,127,66)
```
#427bb8
```
#427bb8 rgb(66,123,184)
```

Complementary Color

#b84442
```
#b84442 rgb(184,68,66)
```
#b87f42
```
#b87f42 rgb(184,127,66)
```
#b6b842
```
#b6b842 rgb(182,184,66)
```

Analogous Color

#4442b8
```
#4442b8 rgb(68,66,184)
```
#b87f42
```
#b87f42 rgb(184,127,66)
```
#42b6b8
```
#42b6b8 rgb(66,182,184)
```

Split Complementary Color

#7f42b8
```
#7f42b8 rgb(127,66,184)
```
#b87f42
```
#b87f42 rgb(184,127,66)
```
#42b87f
```
#42b87f rgb(66,184,127)
```

Triadic Color

#b8427b
```
#b8427b rgb(184,66,123)
```
#b87f42
```
#b87f42 rgb(184,127,66)
```
#42b87f
```
#42b87f rgb(66,184,127)
```
#427bb8
```
#427bb8 rgb(66,123,184)
```

Tetradic Color

#80582e
```
#80582e rgb(128,88,46)
```
#926535
```
#926535 rgb(146,101,53)
```
#a5723b
```
#a5723b rgb(165,114,59)
```
#b87f42
```
#b87f42 rgb(184,127,66)
```
#c18c52
```
#c18c52 rgb(193,140,82)
```
#c89865
```
#c89865 rgb(200,152,101)
```
#cfa578
```
#cfa578 rgb(207,165,120)
```

Monochromatic Color

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

#b86242
```
#b86242 rgb(184,98,66)
```
#b86b42
```
#b86b42 rgb(184,107,66)
```
#b87542
```
#b87542 rgb(184,117,66)
```
#b87f42
```
#b87f42 rgb(184,127,66)
```
#b88942
```
#b88942 rgb(184,137,66)
```
#b89342
```
#b89342 rgb(184,147,66)
```
#b89d42
```
#b89d42 rgb(184,157,66)
```

Similar Colors

Text with hexadecimal color #b87f42

This text has a font color of #b87f42.

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

#b87f42 background color

This paragraph has a background color of #b87f42.

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

#b87f42 border color

This element has a border color of #b87f42.

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

CSS codes

.text {color:#b87f42;}

.background {background-color:#b87f42;}

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

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

#0b0704
```
#0b0704 rgb(11,7,4)
```
#191109
```
#191109 rgb(25,17,9)
```
#281b0e
```
#281b0e rgb(40,27,14)
```
#362513
```
#362513 rgb(54,37,19)
```
#452f19
```
#452f19 rgb(69,47,25)
```
#53391e
```
#53391e rgb(83,57,30)
```
#614323
```
#614323 rgb(97,67,35)
```
#704d28
```
#704d28 rgb(112,77,40)
```
#7e572d
```
#7e572d rgb(126,87,45)
```
#8d6132
```
#8d6132 rgb(141,97,50)
```
#9b6b38
```
#9b6b38 rgb(155,107,56)
```
#aa753d
```
#aa753d rgb(170,117,61)
```
#b87f42
```
#b87f42 rgb(184,127,66)
```

Shade Color Variation

#c0894e
```
#c0894e rgb(192,137,78)
```
#c5925d
```
#c5925d rgb(197,146,93)
```
#ca9c6b
```
#ca9c6b rgb(202,156,107)
```
#cfa679
```
#cfa679 rgb(207,166,121)
```
#d4af88
```
#d4af88 rgb(212,175,136)
```
#d9b996
```
#d9b996 rgb(217,185,150)
```
#dfc3a5
```
#dfc3a5 rgb(223,195,165)
```
#e4ccb3
```
#e4ccb3 rgb(228,204,179)
```
#e9d6c2
```
#e9d6c2 rgb(233,214,194)
```
#eee0d0
```
#eee0d0 rgb(238,224,208)
```
#f3e9de
```
#f3e9de rgb(243,233,222)
```
#f9f3ed
```
#f9f3ed rgb(249,243,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#7e7d7c
```
#7e7d7c rgb(126,125,124)
```
#887d72
```
#887d72 rgb(136,125,114)
```
#927e68
```
#927e68 rgb(146,126,104)
```
#9b7e5f
```
#9b7e5f rgb(155,126,95)
```
#a57e55
```
#a57e55 rgb(165,126,85)
```
#ae7f4c
```
#ae7f4c rgb(174,127,76)
```
#b87f42
```
#b87f42 rgb(184,127,66)
```
#c27f38
```
#c27f38 rgb(194,127,56)
```
#cb802f
```
#cb802f rgb(203,128,47)
```
#d58025
```
#d58025 rgb(213,128,37)
```
#de801c
```
#de801c rgb(222,128,28)
```
#e88112
```
#e88112 rgb(232,129,18)
```
#f28108
```
#f28108 rgb(242,129,8)
```

Tone Color Variation

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

Dichromacy

#9f914f Protanopia 1% of men
#b18a4a Deuteranopia 1% of men
#c07e87 Tritanopia 0.001% of the population

Trichromacy

#a88a4a Protanomaly 1% of men, 0.01% of women
#b38647 Deuteranomaly 6% of men, 0.4% of women
#bd7e6e Tritanomaly 0.01% of the population