#b1580c hex color

In a RGB color space, hex #b1580c is composed of 69.4% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 93.2% yellow and 30.6% black. It has a hue angle of 27.6 degrees, a saturation of 87.3% and a lightness of 37.1%. #b1580c color hex could be obtained by blending #ffb018 with #630000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 35
- B 5
RGB color chart
- C 0
- M 50
- Y 93
- K 31
CMYK color chart

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

The hexadecimal color #b1580c has RGB values of R:177, G:88, B:12 and CMYK values of C:0, M:0.5, Y:0.93, K:0.31. Its decimal value is 11622412.

Hex triplet	b1580c	`#b1580c`
RGB Decimal	177, 88, 12	`rgb(177,88,12)`
RGB Percent	69.4, 34.5, 4.7	`rgb(69.4%,34.5%,4.7%)`
CMYK	0, 50, 93, 31
HSL	27.6°, 87.3, 37.1	`hsl(27.6,87.3%,37.1%)`
HSV (or HSB)	27.6°, 93.2, 69.4
Web Safe	996600	`#996600`

CIE-LAB	47.437, 32.103, 53.591
XYZ	21.688, 16.355, 2.363
xyY	0.537, 0.405, 16.355
CIE-LCH	47.437, 62.471, 59.077
CIE-LUV	47.437, 73.175, 42.35
Hunter-Lab	40.442, 24.955, 24.845
Binary	10110001, 01011000, 00001100

#b1580c
```
#b1580c rgb(177,88,12)
```
#0c65b1
```
#0c65b1 rgb(12,101,177)
```

Complementary Color

#b10c13
```
#b10c13 rgb(177,12,19)
```
#b1580c
```
#b1580c rgb(177,88,12)
```
#b1ab0c
```
#b1ab0c rgb(177,171,12)
```

Analogous Color

#0c13b1
```
#0c13b1 rgb(12,19,177)
```
#b1580c
```
#b1580c rgb(177,88,12)
```
#0cb1ab
```
#0cb1ab rgb(12,177,171)
```

Split Complementary Color

#580cb1
```
#580cb1 rgb(88,12,177)
```
#b1580c
```
#b1580c rgb(177,88,12)
```
#0cb158
```
#0cb158 rgb(12,177,88)
```

Triadic Color

#b10c65
```
#b10c65 rgb(177,12,101)
```
#b1580c
```
#b1580c rgb(177,88,12)
```
#0cb158
```
#0cb158 rgb(12,177,88)
```
#0c65b1
```
#0c65b1 rgb(12,101,177)
```

Tetradic Color

#693407
```
#693407 rgb(105,52,7)
```
#814009
```
#814009 rgb(129,64,9)
```
#994c0a
```
#994c0a rgb(153,76,10)
```
#b1580c
```
#b1580c rgb(177,88,12)
```
#c9640e
```
#c9640e rgb(201,100,14)
```
#e1700f
```
#e1700f rgb(225,112,15)
```
#ef7c1a
```
#ef7c1a rgb(239,124,26)
```

Monochromatic Color

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

#b12f0c
```
#b12f0c rgb(177,47,12)
```
#b13d0c
```
#b13d0c rgb(177,61,12)
```
#b14a0c
```
#b14a0c rgb(177,74,12)
```
#b1580c
```
#b1580c rgb(177,88,12)
```
#b1660c
```
#b1660c rgb(177,102,12)
```
#b1740c
```
#b1740c rgb(177,116,12)
```
#b1810c
```
#b1810c rgb(177,129,12)
```

Similar Colors

Text with hexadecimal color #b1580c

This text has a font color of #b1580c.

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

#b1580c background color

This paragraph has a background color of #b1580c.

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

#b1580c border color

This element has a border color of #b1580c.

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

CSS codes

.text {color:#b1580c;}

.background {background-color:#b1580c;}

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

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

#0c0601
```
#0c0601 rgb(12,6,1)
```
#1e0f02
```
#1e0f02 rgb(30,15,2)
```
#301803
```
#301803 rgb(48,24,3)
```
#432105
```
#432105 rgb(67,33,5)
```
#552a06
```
#552a06 rgb(85,42,6)
```
#683307
```
#683307 rgb(104,51,7)
```
#7a3d08
```
#7a3d08 rgb(122,61,8)
```
#8c460a
```
#8c460a rgb(140,70,10)
```
#9f4f0b
```
#9f4f0b rgb(159,79,11)
```
#b1580c
```
#b1580c rgb(177,88,12)
```
#c3610d
```
#c3610d rgb(195,97,13)
```
#d66a0e
```
#d66a0e rgb(214,106,14)
```
#e87310
```
#e87310 rgb(232,115,16)
```

Shade Color Variation

#f07d1c
```
#f07d1c rgb(240,125,28)
```
#f1882e
```
#f1882e rgb(241,136,46)
```
#f29241
```
#f29241 rgb(242,146,65)
```
#f39d53
```
#f39d53 rgb(243,157,83)
```
#f5a765
```
#f5a765 rgb(245,167,101)
```
#f6b278
```
#f6b278 rgb(246,178,120)
```
#f7bc8a
```
#f7bc8a rgb(247,188,138)
```
#f8c79c
```
#f8c79c rgb(248,199,156)
```
#fad1af
```
#fad1af rgb(250,209,175)
```
#fbdcc1
```
#fbdcc1 rgb(251,220,193)
```
#fce6d4
```
#fce6d4 rgb(252,230,212)
```
#fdf1e6
```
#fdf1e6 rgb(253,241,230)
```
#fffbf8
```
#fffbf8 rgb(255,251,248)
```

Tint Color Variation

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

#615e5c
```
#615e5c rgb(97,94,92)
```
#685e55
```
#685e55 rgb(104,94,85)
```
#705d4d
```
#705d4d rgb(112,93,77)
```
#775d46
```
#775d46 rgb(119,93,70)
```
#7e5c3f
```
#7e5c3f rgb(126,92,63)
```
#855b38
```
#855b38 rgb(133,91,56)
```
#8d5b30
```
#8d5b30 rgb(141,91,48)
```
#945a29
```
#945a29 rgb(148,90,41)
```
#9b5a22
```
#9b5a22 rgb(155,90,34)
```
#a2591b
```
#a2591b rgb(162,89,27)
```
#aa5913
```
#aa5913 rgb(170,89,19)
```
#b1580c
```
#b1580c rgb(177,88,12)
```
#b85705
```
#b85705 rgb(184,87,5)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#786657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86781e Protanopia 1% of men
#967200 Deuteranopia 1% of men
#b75a60 Tritanopia 0.001% of the population

Trichromacy

#956c18 Protanomaly 1% of men, 0.01% of women
#9f6804 Deuteranomaly 6% of men, 0.4% of women
#b55941 Tritanomaly 0.01% of the population

#b1580c hex color

#b1580c Color Information

#b1580c Color Conversion

Color Schemes with #b1580c

Alternatives to #b1580c

#b1580c Preview

Shades and Tints of #b1580c

Tones of #b1580c

Color Blindness Simulator