#b04312 hex color

In a RGB color space, hex #b04312 is composed of 69% red, 26.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.9% magenta, 89.8% yellow and 31% black. It has a hue angle of 18.6 degrees, a saturation of 81.4% and a lightness of 38%. #b04312 color hex could be obtained by blending #ff8624 with #610000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 26
- B 7
RGB color chart
- C 0
- M 62
- Y 90
- K 31
CMYK color chart

● #b04312 color description : Dark orange [Brown tone].

The hexadecimal color #b04312 has RGB values of R:176, G:67, B:18 and CMYK values of C:0, M:0.62, Y:0.9, K:0.31. Its decimal value is 11551506.

Hex triplet	b04312	`#b04312`
RGB Decimal	176, 67, 18	`rgb(176,67,18)`
RGB Percent	69, 26.3, 7.1	`rgb(69%,26.3%,7.1%)`
CMYK	0, 62, 90, 31
HSL	18.6°, 81.4, 38	`hsl(18.6,81.4%,38%)`
HSV (or HSB)	18.6°, 89.8, 69
Web Safe	993300	`#993300`

CIE-LAB	43.197, 42.342, 48.572
XYZ	20.022, 13.29, 2.083
xyY	0.566, 0.375, 13.29
CIE-LCH	43.197, 64.437, 48.921
CIE-LUV	43.197, 88.231, 34.705
Hunter-Lab	36.456, 34.235, 22.131
Binary	10110000, 01000011, 00010010

#b04312
```
#b04312 rgb(176,67,18)
```
#127fb0
```
#127fb0 rgb(18,127,176)
```

Complementary Color

#b01230
```
#b01230 rgb(176,18,48)
```
#b04312
```
#b04312 rgb(176,67,18)
```
#b09212
```
#b09212 rgb(176,146,18)
```

Analogous Color

#1230b0
```
#1230b0 rgb(18,48,176)
```
#b04312
```
#b04312 rgb(176,67,18)
```
#12b092
```
#12b092 rgb(18,176,146)
```

Split Complementary Color

#4312b0
```
#4312b0 rgb(67,18,176)
```
#b04312
```
#b04312 rgb(176,67,18)
```
#12b043
```
#12b043 rgb(18,176,67)
```

Triadic Color

#b0127f
```
#b0127f rgb(176,18,127)
```
#b04312
```
#b04312 rgb(176,67,18)
```
#12b043
```
#12b043 rgb(18,176,67)
```
#127fb0
```
#127fb0 rgb(18,127,176)
```

Tetradic Color

#6b290b
```
#6b290b rgb(107,41,11)
```
#82310d
```
#82310d rgb(130,49,13)
```
#993a10
```
#993a10 rgb(153,58,16)
```
#b04312
```
#b04312 rgb(176,67,18)
```
#c74c14
```
#c74c14 rgb(199,76,20)
```
#de5517
```
#de5517 rgb(222,85,23)
```
#e96226
```
#e96226 rgb(233,98,38)
```

Monochromatic Color

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

#b01c12
```
#b01c12 rgb(176,28,18)
```
#b02912
```
#b02912 rgb(176,41,18)
```
#b03612
```
#b03612 rgb(176,54,18)
```
#b04312
```
#b04312 rgb(176,67,18)
```
#b05012
```
#b05012 rgb(176,80,18)
```
#b05d12
```
#b05d12 rgb(176,93,18)
```
#b06b12
```
#b06b12 rgb(176,107,18)
```

Similar Colors

Text with hexadecimal color #b04312

This text has a font color of #b04312.

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

#b04312 background color

This paragraph has a background color of #b04312.

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

#b04312 border color

This element has a border color of #b04312.

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

CSS codes

.text {color:#b04312;}

.background {background-color:#b04312;}

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

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

#100602
```
#100602 rgb(16,6,2)
```
#220d03
```
#220d03 rgb(34,13,3)
```
#331405
```
#331405 rgb(51,20,5)
```
#451a07
```
#451a07 rgb(69,26,7)
```
#572109
```
#572109 rgb(87,33,9)
```
#69280b
```
#69280b rgb(105,40,11)
```
#7b2f0d
```
#7b2f0d rgb(123,47,13)
```
#8c350e
```
#8c350e rgb(140,53,14)
```
#9e3c10
```
#9e3c10 rgb(158,60,16)
```
#b04312
```
#b04312 rgb(176,67,18)
```
#c24a14
```
#c24a14 rgb(194,74,20)
```
#d45116
```
#d45116 rgb(212,81,22)
```
#e55717
```
#e55717 rgb(229,87,23)
```

Shade Color Variation

#e96328
```
#e96328 rgb(233,99,40)
```
#eb7039
```
#eb7039 rgb(235,112,57)
```
#ed7d4b
```
#ed7d4b rgb(237,125,75)
```
#ee8a5d
```
#ee8a5d rgb(238,138,93)
```
#f0976f
```
#f0976f rgb(240,151,111)
```
#f2a480
```
#f2a480 rgb(242,164,128)
```
#f4b192
```
#f4b192 rgb(244,177,146)
```
#f6bda4
```
#f6bda4 rgb(246,189,164)
```
#f8cab6
```
#f8cab6 rgb(248,202,182)
```
#f9d7c8
```
#f9d7c8 rgb(249,215,200)
```
#fbe4d9
```
#fbe4d9 rgb(251,228,217)
```
#fdf1eb
```
#fdf1eb rgb(253,241,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#655f5d
```
#655f5d rgb(101,95,93)
```
#6d5d55
```
#6d5d55 rgb(109,93,85)
```
#745a4e
```
#745a4e rgb(116,90,78)
```
#7c5746
```
#7c5746 rgb(124,87,70)
```
#83543f
```
#83543f rgb(131,84,63)
```
#8b5137
```
#8b5137 rgb(139,81,55)
```
#924e30
```
#924e30 rgb(146,78,48)
```
#9a4c28
```
#9a4c28 rgb(154,76,40)
```
#a14921
```
#a14921 rgb(161,73,33)
```
#a94619
```
#a94619 rgb(169,70,25)
```
#b04312
```
#b04312 rgb(176,67,18)
```
#b7400b
```
#b7400b rgb(183,64,11)
```
#bf3d03
```
#bf3d03 rgb(191,61,3)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e594f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e26 Protanopia 1% of men
#896809 Deuteranopia 1% of men
#b5484c Tritanopia 0.001% of the population

Trichromacy

#8e5e1f Protanomaly 1% of men, 0.01% of women
#975a0c Deuteranomaly 6% of men, 0.4% of women
#b34637 Tritanomaly 0.01% of the population

#b04312 hex color

#b04312 Color Information

#b04312 Color Conversion

Color Schemes with #b04312

Alternatives to #b04312

#b04312 Preview

Shades and Tints of #b04312

Tones of #b04312

Color Blindness Simulator