#b84312 hex color

In a RGB color space, hex #b84312 is composed of 72.2% red, 26.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.6% magenta, 90.2% yellow and 27.8% black. It has a hue angle of 17.7 degrees, a saturation of 82.2% and a lightness of 39.6%. #b84312 color hex could be obtained by blending #ff8624 with #710000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 72
- G 26
- B 7
RGB color chart
- C 0
- M 64
- Y 90
- K 28
CMYK color chart

● #b84312 color description : Strong orange.

The hexadecimal color #b84312 has RGB values of R:184, G:67, B:18 and CMYK values of C:0, M:0.64, Y:0.9, K:0.28. Its decimal value is 12075794.

Hex triplet	b84312	`#b84312`
RGB Decimal	184, 67, 18	`rgb(184,67,18)`
RGB Percent	72.2, 26.3, 7.1	`rgb(72.2%,26.3%,7.1%)`
CMYK	0, 64, 90, 28
HSL	17.7°, 82.2, 39.6	`hsl(17.7,82.2%,39.6%)`
HSV (or HSB)	17.7°, 90.2, 72.2
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.59, 45.291, 50.237
XYZ	21.885, 14.251, 2.171
xyY	0.571, 0.372, 14.251
CIE-LCH	44.59, 67.639, 47.964
CIE-LUV	44.59, 94.865, 35.537
Hunter-Lab	37.75, 37.417, 23.016
Binary	10111000, 01000011, 00010010

#b84312
```
#b84312 rgb(184,67,18)
```
#1287b8
```
#1287b8 rgb(18,135,184)
```

Complementary Color

#b81234
```
#b81234 rgb(184,18,52)
```
#b84312
```
#b84312 rgb(184,67,18)
```
#b89612
```
#b89612 rgb(184,150,18)
```

Analogous Color

#1234b8
```
#1234b8 rgb(18,52,184)
```
#b84312
```
#b84312 rgb(184,67,18)
```
#12b896
```
#12b896 rgb(18,184,150)
```

Split Complementary Color

#4312b8
```
#4312b8 rgb(67,18,184)
```
#b84312
```
#b84312 rgb(184,67,18)
```
#12b843
```
#12b843 rgb(18,184,67)
```

Triadic Color

#b81287
```
#b81287 rgb(184,18,135)
```
#b84312
```
#b84312 rgb(184,67,18)
```
#12b843
```
#12b843 rgb(18,184,67)
```
#1287b8
```
#1287b8 rgb(18,135,184)
```

Tetradic Color

#722a0b
```
#722a0b rgb(114,42,11)
```
#8a320d
```
#8a320d rgb(138,50,13)
```
#a13b10
```
#a13b10 rgb(161,59,16)
```
#b84312
```
#b84312 rgb(184,67,18)
```
#cf4b14
```
#cf4b14 rgb(207,75,20)
```
#e65417
```
#e65417 rgb(230,84,23)
```
#ea642c
```
#ea642c rgb(234,100,44)
```

Monochromatic Color

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

#b81912
```
#b81912 rgb(184,25,18)
```
#b82712
```
#b82712 rgb(184,39,18)
```
#b83512
```
#b83512 rgb(184,53,18)
```
#b84312
```
#b84312 rgb(184,67,18)
```
#b85112
```
#b85112 rgb(184,81,18)
```
#b85f12
```
#b85f12 rgb(184,95,18)
```
#b86d12
```
#b86d12 rgb(184,109,18)
```

Similar Colors

Text with hexadecimal color #b84312

This text has a font color of #b84312.

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

#b84312 background color

This paragraph has a background color of #b84312.

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

#b84312 border color

This element has a border color of #b84312.

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

CSS codes

.text {color:#b84312;}

.background {background-color:#b84312;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#170802
```
#170802 rgb(23,8,2)
```
#290f04
```
#290f04 rgb(41,15,4)
```
#3b1506
```
#3b1506 rgb(59,21,6)
```
#4d1c08
```
#4d1c08 rgb(77,28,8)
```
#5f2209
```
#5f2209 rgb(95,34,9)
```
#71290b
```
#71290b rgb(113,41,11)
```
#822f0d
```
#822f0d rgb(130,47,13)
```
#94360f
```
#94360f rgb(148,54,15)
```
#a63c10
```
#a63c10 rgb(166,60,16)
```
#b84312
```
#b84312 rgb(184,67,18)
```
#ca4a14
```
#ca4a14 rgb(202,74,20)
```
#dc5015
```
#dc5015 rgb(220,80,21)
```

Shade Color Variation

#e9581c
```
#e9581c rgb(233,88,28)
```
#eb662e
```
#eb662e rgb(235,102,46)
```
#ec7340
```
#ec7340 rgb(236,115,64)
```
#ee8052
```
#ee8052 rgb(238,128,82)
```
#f08d64
```
#f08d64 rgb(240,141,100)
```
#f29a75
```
#f29a75 rgb(242,154,117)
```
#f3a787
```
#f3a787 rgb(243,167,135)
```
#f5b499
```
#f5b499 rgb(245,180,153)
```
#f7c1ab
```
#f7c1ab rgb(247,193,171)
```
#f9cebd
```
#f9cebd rgb(249,206,189)
```
#fadccf
```
#fadccf rgb(250,220,207)
```
#fce9e1
```
#fce9e1 rgb(252,233,225)
```
#fef6f2
```
#fef6f2 rgb(254,246,242)
```

Tint Color Variation

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

#6a6360
```
#6a6360 rgb(106,99,96)
```
#726058
```
#726058 rgb(114,96,88)
```
#7a5c50
```
#7a5c50 rgb(122,92,80)
```
#825948
```
#825948 rgb(130,89,72)
```
#895641
```
#895641 rgb(137,86,65)
```
#915339
```
#915339 rgb(145,83,57)
```
#995031
```
#995031 rgb(153,80,49)
```
#a14d29
```
#a14d29 rgb(161,77,41)
```
#a84922
```
#a84922 rgb(168,73,34)
```
#b0461a
```
#b0461a rgb(176,70,26)
```
#b84312
```
#b84312 rgb(184,67,18)
```
#c0400a
```
#c0400a rgb(192,64,10)
```
#c83d02
```
#c83d02 rgb(200,61,2)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#725a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7127 Protanopia 1% of men
#8d6b00 Deuteranopia 1% of men
#bd484c Tritanopia 0.001% of the population

Trichromacy

#93601f Protanomaly 1% of men, 0.01% of women
#9d5c06 Deuteranomaly 6% of men, 0.4% of women
#bb4637 Tritanomaly 0.01% of the population

#b84312 hex color

#b84312 Color Information

#b84312 Color Conversion

Color Schemes with #b84312

Alternatives to #b84312

#b84312 Preview

Shades and Tints of #b84312

Tones of #b84312

Color Blindness Simulator