#b9581f hex color

In a RGB color space, hex #b9581f is composed of 72.5% red, 34.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.4% magenta, 83.2% yellow and 27.5% black. It has a hue angle of 22.2 degrees, a saturation of 71.3% and a lightness of 42.4%. #b9581f color hex could be obtained by blending #ffb03e with #730000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 35
- B 12
RGB color chart
- C 0
- M 52
- Y 83
- K 27
CMYK color chart

● #b9581f color description : Strong orange.

The hexadecimal color #b9581f has RGB values of R:185, G:88, B:31 and CMYK values of C:0, M:0.52, Y:0.83, K:0.27. Its decimal value is 12146719.

Hex triplet	b9581f	`#b9581f`
RGB Decimal	185, 88, 31	`rgb(185,88,31)`
RGB Percent	72.5, 34.5, 12.2	`rgb(72.5%,34.5%,12.2%)`
CMYK	0, 52, 83, 27
HSL	22.2°, 71.3, 42.4	`hsl(22.2,71.3%,42.4%)`
HSV (or HSB)	22.2°, 83.2, 72.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.754, 35.797, 48.644
XYZ	23.746, 17.395, 3.403
xyY	0.533, 0.391, 17.395
CIE-LCH	48.754, 60.396, 53.65
CIE-LUV	48.754, 78.759, 39.659
Hunter-Lab	41.707, 28.639, 24.357
Binary	10111001, 01011000, 00011111

#b9581f
```
#b9581f rgb(185,88,31)
```
#1f80b9
```
#1f80b9 rgb(31,128,185)
```

Complementary Color

#b91f33
```
#b91f33 rgb(185,31,51)
```
#b9581f
```
#b9581f rgb(185,88,31)
```
#b9a51f
```
#b9a51f rgb(185,165,31)
```

Analogous Color

#1f33b9
```
#1f33b9 rgb(31,51,185)
```
#b9581f
```
#b9581f rgb(185,88,31)
```
#1fb9a5
```
#1fb9a5 rgb(31,185,165)
```

Split Complementary Color

#581fb9
```
#581fb9 rgb(88,31,185)
```
#b9581f
```
#b9581f rgb(185,88,31)
```
#1fb958
```
#1fb958 rgb(31,185,88)
```

Triadic Color

#b91f80
```
#b91f80 rgb(185,31,128)
```
#b9581f
```
#b9581f rgb(185,88,31)
```
#1fb958
```
#1fb958 rgb(31,185,88)
```
#1f80b9
```
#1f80b9 rgb(31,128,185)
```

Tetradic Color

#773914
```
#773914 rgb(119,57,20)
```
#8d4318
```
#8d4318 rgb(141,67,24)
```
#a34e1b
```
#a34e1b rgb(163,78,27)
```
#b9581f
```
#b9581f rgb(185,88,31)
```
#cf6223
```
#cf6223 rgb(207,98,35)
```
#dc6f2f
```
#dc6f2f rgb(220,111,47)
```
#e07e45
```
#e07e45 rgb(224,126,69)
```

Monochromatic Color

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

#b9321f
```
#b9321f rgb(185,50,31)
```
#b93e1f
```
#b93e1f rgb(185,62,31)
```
#b94b1f
```
#b94b1f rgb(185,75,31)
```
#b9581f
```
#b9581f rgb(185,88,31)
```
#b9651f
```
#b9651f rgb(185,101,31)
```
#b9721f
```
#b9721f rgb(185,114,31)
```
#b97f1f
```
#b97f1f rgb(185,127,31)
```

Similar Colors

Text with hexadecimal color #b9581f

This text has a font color of #b9581f.

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

#b9581f background color

This paragraph has a background color of #b9581f.

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

#b9581f border color

This element has a border color of #b9581f.

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

CSS codes

.text {color:#b9581f;}

.background {background-color:#b9581f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110803
```
#110803 rgb(17,8,3)
```
#221006
```
#221006 rgb(34,16,6)
```
#331808
```
#331808 rgb(51,24,8)
```
#43200b
```
#43200b rgb(67,32,11)
```
#54280e
```
#54280e rgb(84,40,14)
```
#653011
```
#653011 rgb(101,48,17)
```
#763814
```
#763814 rgb(118,56,20)
```
#874017
```
#874017 rgb(135,64,23)
```
#974819
```
#974819 rgb(151,72,25)
```
#a8501c
```
#a8501c rgb(168,80,28)
```
#b9581f
```
#b9581f rgb(185,88,31)
```
#ca6022
```
#ca6022 rgb(202,96,34)
```

Shade Color Variation

#da6825
```
#da6825 rgb(218,104,37)
```
#dd7436
```
#dd7436 rgb(221,116,54)
```
#e07f46
```
#e07f46 rgb(224,127,70)
```
#e38b57
```
#e38b57 rgb(227,139,87)
```
#e69768
```
#e69768 rgb(230,151,104)
```
#e9a279
```
#e9a279 rgb(233,162,121)
```
#ebae8a
```
#ebae8a rgb(235,174,138)
```
#eeb99a
```
#eeb99a rgb(238,185,154)
```
#f1c5ab
```
#f1c5ab rgb(241,197,171)
```
#f4d1bc
```
#f4d1bc rgb(244,209,188)
```
#f7dccd
```
#f7dccd rgb(247,220,205)
```
#f9e8de
```
#f9e8de rgb(249,232,222)
```
#fcf4ee
```
#fcf4ee rgb(252,244,238)
```

Tint Color Variation

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

#6e6b6a
```
#6e6b6a rgb(110,107,106)
```
#776961
```
#776961 rgb(119,105,97)
```
#7f6759
```
#7f6759 rgb(127,103,89)
```
#876551
```
#876551 rgb(135,101,81)
```
#8f6349
```
#8f6349 rgb(143,99,73)
```
#986140
```
#986140 rgb(152,97,64)
```
#a05e38
```
#a05e38 rgb(160,94,56)
```
#a85c30
```
#a85c30 rgb(168,92,48)
```
#b15a27
```
#b15a27 rgb(177,90,39)
```
#b9581f
```
#b9581f rgb(185,88,31)
```
#c15617
```
#c15617 rgb(193,86,23)
```
#ca540e
```
#ca540e rgb(202,84,14)
```
#d25206
```
#d25206 rgb(210,82,6)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7e6a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#887b31 Protanopia 1% of men
#997521 Deuteranopia 1% of men
#bf5b60 Tritanopia 0.001% of the population

Trichromacy

#9a6e2a Protanomaly 1% of men, 0.01% of women
#a46a20 Deuteranomaly 6% of men, 0.4% of women
#bc5a48 Tritanomaly 0.01% of the population

#b9581f hex color

#b9581f Color Information

#b9581f Color Conversion

Color Schemes with #b9581f

Alternatives to #b9581f

#b9581f Preview

Shades and Tints of #b9581f

Tones of #b9581f

Color Blindness Simulator