#b84c1f hex color

In a RGB color space, hex #b84c1f is composed of 72.2% red, 29.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.7% magenta, 83.2% yellow and 27.8% black. It has a hue angle of 17.6 degrees, a saturation of 71.2% and a lightness of 42.2%. #b84c1f color hex could be obtained by blending #ff983e with #710000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 72
- G 30
- B 12
RGB color chart
- C 0
- M 59
- Y 83
- K 28
CMYK color chart

● #b84c1f color description : Strong orange.

The hexadecimal color #b84c1f has RGB values of R:184, G:76, B:31 and CMYK values of C:0, M:0.59, Y:0.83, K:0.28. Its decimal value is 12078111.

Hex triplet	b84c1f	`#b84c1f`
RGB Decimal	184, 76, 31	`rgb(184,76,31)`
RGB Percent	72.2, 29.8, 12.2	`rgb(72.2%,29.8%,12.2%)`
CMYK	0, 59, 83, 28
HSL	17.6°, 71.2, 42.2	`hsl(17.6,71.2%,42.2%)`
HSV (or HSB)	17.6°, 83.2, 72.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.259, 41.404, 46.335
XYZ	22.6, 15.461, 3.09
xyY	0.549, 0.376, 15.461
CIE-LCH	46.259, 62.139, 48.217
CIE-LUV	46.259, 87.119, 35.582
Hunter-Lab	39.32, 33.787, 22.864
Binary	10111000, 01001100, 00011111

#b84c1f
```
#b84c1f rgb(184,76,31)
```
#1f8bb8
```
#1f8bb8 rgb(31,139,184)
```

Complementary Color

#b81f3f
```
#b81f3f rgb(184,31,63)
```
#b84c1f
```
#b84c1f rgb(184,76,31)
```
#b8991f
```
#b8991f rgb(184,153,31)
```

Analogous Color

#1f3fb8
```
#1f3fb8 rgb(31,63,184)
```
#b84c1f
```
#b84c1f rgb(184,76,31)
```
#1fb899
```
#1fb899 rgb(31,184,153)
```

Split Complementary Color

#4c1fb8
```
#4c1fb8 rgb(76,31,184)
```
#b84c1f
```
#b84c1f rgb(184,76,31)
```
#1fb84c
```
#1fb84c rgb(31,184,76)
```

Triadic Color

#b81f8b
```
#b81f8b rgb(184,31,139)
```
#b84c1f
```
#b84c1f rgb(184,76,31)
```
#1fb84c
```
#1fb84c rgb(31,184,76)
```
#1f8bb8
```
#1f8bb8 rgb(31,139,184)
```

Tetradic Color

#773114
```
#773114 rgb(119,49,20)
```
#8c3a18
```
#8c3a18 rgb(140,58,24)
```
#a2431b
```
#a2431b rgb(162,67,27)
```
#b84c1f
```
#b84c1f rgb(184,76,31)
```
#ce5523
```
#ce5523 rgb(206,85,35)
```
#dc612e
```
#dc612e rgb(220,97,46)
```
#df7244
```
#df7244 rgb(223,114,68)
```

Monochromatic Color

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

#b8261f
```
#b8261f rgb(184,38,31)
```
#b8331f
```
#b8331f rgb(184,51,31)
```
#b83f1f
```
#b83f1f rgb(184,63,31)
```
#b84c1f
```
#b84c1f rgb(184,76,31)
```
#b8591f
```
#b8591f rgb(184,89,31)
```
#b8661f
```
#b8661f rgb(184,102,31)
```
#b8721f
```
#b8721f rgb(184,114,31)
```

Similar Colors

Text with hexadecimal color #b84c1f

This text has a font color of #b84c1f.

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

#b84c1f background color

This paragraph has a background color of #b84c1f.

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

#b84c1f border color

This element has a border color of #b84c1f.

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

CSS codes

.text {color:#b84c1f;}

.background {background-color:#b84c1f;}

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

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

#100703
```
#100703 rgb(16,7,3)
```
#210e06
```
#210e06 rgb(33,14,6)
```
#321508
```
#321508 rgb(50,21,8)
```
#421b0b
```
#421b0b rgb(66,27,11)
```
#53220e
```
#53220e rgb(83,34,14)
```
#642911
```
#642911 rgb(100,41,17)
```
#753014
```
#753014 rgb(117,48,20)
```
#863717
```
#863717 rgb(134,55,23)
```
#963e19
```
#963e19 rgb(150,62,25)
```
#a7451c
```
#a7451c rgb(167,69,28)
```
#b84c1f
```
#b84c1f rgb(184,76,31)
```
#c95322
```
#c95322 rgb(201,83,34)
```
#da5a25
```
#da5a25 rgb(218,90,37)
```

Shade Color Variation

#dd6635
```
#dd6635 rgb(221,102,53)
```
#e07346
```
#e07346 rgb(224,115,70)
```
#e38056
```
#e38056 rgb(227,128,86)
```
#e58c67
```
#e58c67 rgb(229,140,103)
```
#e89978
```
#e89978 rgb(232,153,120)
```
#eba689
```
#eba689 rgb(235,166,137)
```
#eeb29a
```
#eeb29a rgb(238,178,154)
```
#f1bfaa
```
#f1bfaa rgb(241,191,170)
```
#f4ccbb
```
#f4ccbb rgb(244,204,187)
```
#f6d8cc
```
#f6d8cc rgb(246,216,204)
```
#f9e5dd
```
#f9e5dd rgb(249,229,221)
```
#fcf2ee
```
#fcf2ee rgb(252,242,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6e6b69
```
#6e6b69 rgb(110,107,105)
```
#766761
```
#766761 rgb(118,103,97)
```
#7e6459
```
#7e6459 rgb(126,100,89)
```
#866051
```
#866051 rgb(134,96,81)
```
#8f5d48
```
#8f5d48 rgb(143,93,72)
```
#975a40
```
#975a40 rgb(151,90,64)
```
#9f5638
```
#9f5638 rgb(159,86,56)
```
#a75330
```
#a75330 rgb(167,83,48)
```
#b04f27
```
#b04f27 rgb(176,79,39)
```
#b84c1f
```
#b84c1f rgb(184,76,31)
```
#c04917
```
#c04917 rgb(192,73,23)
```
#c9450e
```
#c9450e rgb(201,69,14)
```
#d14206
```
#d14206 rgb(209,66,6)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#776259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817533 Protanopia 1% of men
#916f20 Deuteranopia 1% of men
#bd5055 Tritanopia 0.001% of the population

Trichromacy

#95662b Protanomaly 1% of men, 0.01% of women
#9f621f Deuteranomaly 6% of men, 0.4% of women
#bb4f41 Tritanomaly 0.01% of the population

#b84c1f hex color

#b84c1f Color Information

#b84c1f Color Conversion

Color Schemes with #b84c1f

Alternatives to #b84c1f

#b84c1f Preview

Shades and Tints of #b84c1f

Tones of #b84c1f

Color Blindness Simulator