#b3580c hex color

In a RGB color space, hex #b3580c is composed of 70.2% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.8% magenta, 93.3% yellow and 29.8% black. It has a hue angle of 27.3 degrees, a saturation of 87.4% and a lightness of 37.5%. #b3580c color hex could be obtained by blending #ffb018 with #670000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 70
- G 35
- B 5
RGB color chart
- C 0
- M 51
- Y 93
- K 30
CMYK color chart

● #b3580c color description : Strong orange.

The hexadecimal color #b3580c has RGB values of R:179, G:88, B:12 and CMYK values of C:0, M:0.51, Y:0.93, K:0.3. Its decimal value is 11753484.

Hex triplet	b3580c	`#b3580c`
RGB Decimal	179, 88, 12	`rgb(179,88,12)`
RGB Percent	70.2, 34.5, 4.7	`rgb(70.2%,34.5%,4.7%)`
CMYK	0, 51, 93, 30
HSL	27.3°, 87.4, 37.5	`hsl(27.3,87.4%,37.5%)`
HSV (or HSB)	27.3°, 93.3, 70.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.742, 32.931, 53.947
XYZ	22.147, 16.592, 2.384
xyY	0.539, 0.403, 16.592
CIE-LCH	47.742, 63.204, 58.599
CIE-LUV	47.742, 74.865, 42.494
Hunter-Lab	40.733, 25.771, 25.043
Binary	10110011, 01011000, 00001100

#b3580c
```
#b3580c rgb(179,88,12)
```
#0c67b3
```
#0c67b3 rgb(12,103,179)
```

Complementary Color

#b30c14
```
#b30c14 rgb(179,12,20)
```
#b3580c
```
#b3580c rgb(179,88,12)
```
#b3ac0c
```
#b3ac0c rgb(179,172,12)
```

Analogous Color

#0c14b3
```
#0c14b3 rgb(12,20,179)
```
#b3580c
```
#b3580c rgb(179,88,12)
```
#0cb3ac
```
#0cb3ac rgb(12,179,172)
```

Split Complementary Color

#580cb3
```
#580cb3 rgb(88,12,179)
```
#b3580c
```
#b3580c rgb(179,88,12)
```
#0cb358
```
#0cb358 rgb(12,179,88)
```

Triadic Color

#b30c67
```
#b30c67 rgb(179,12,103)
```
#b3580c
```
#b3580c rgb(179,88,12)
```
#0cb358
```
#0cb358 rgb(12,179,88)
```
#0c67b3
```
#0c67b3 rgb(12,103,179)
```

Tetradic Color

#6b3507
```
#6b3507 rgb(107,53,7)
```
#834109
```
#834109 rgb(131,65,9)
```
#9b4c0a
```
#9b4c0a rgb(155,76,10)
```
#b3580c
```
#b3580c rgb(179,88,12)
```
#cb640e
```
#cb640e rgb(203,100,14)
```
#e36f0f
```
#e36f0f rgb(227,111,15)
```
#f07c1c
```
#f07c1c rgb(240,124,28)
```

Monochromatic Color

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

#b32e0c
```
#b32e0c rgb(179,46,12)
```
#b33c0c
```
#b33c0c rgb(179,60,12)
```
#b34a0c
```
#b34a0c rgb(179,74,12)
```
#b3580c
```
#b3580c rgb(179,88,12)
```
#b3660c
```
#b3660c rgb(179,102,12)
```
#b3740c
```
#b3740c rgb(179,116,12)
```
#b3820c
```
#b3820c rgb(179,130,12)
```

Similar Colors

Text with hexadecimal color #b3580c

This text has a font color of #b3580c.

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

#b3580c background color

This paragraph has a background color of #b3580c.

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

#b3580c border color

This element has a border color of #b3580c.

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

CSS codes

.text {color:#b3580c;}

.background {background-color:#b3580c;}

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

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

#0e0701
```
#0e0701 rgb(14,7,1)
```
#201002
```
#201002 rgb(32,16,2)
```
#321903
```
#321903 rgb(50,25,3)
```
#452205
```
#452205 rgb(69,34,5)
```
#572b06
```
#572b06 rgb(87,43,6)
```
#693407
```
#693407 rgb(105,52,7)
```
#7c3d08
```
#7c3d08 rgb(124,61,8)
```
#8e460a
```
#8e460a rgb(142,70,10)
```
#a14f0b
```
#a14f0b rgb(161,79,11)
```
#b3580c
```
#b3580c rgb(179,88,12)
```
#c5610d
```
#c5610d rgb(197,97,13)
```
#d86a0e
```
#d86a0e rgb(216,106,14)
```
#ea7310
```
#ea7310 rgb(234,115,16)
```

Shade Color Variation

#f07d1e
```
#f07d1e rgb(240,125,30)
```
#f18830
```
#f18830 rgb(241,136,48)
```
#f29242
```
#f29242 rgb(242,146,66)
```
#f49d55
```
#f49d55 rgb(244,157,85)
```
#f5a867
```
#f5a867 rgb(245,168,103)
```
#f6b279
```
#f6b279 rgb(246,178,121)
```
#f7bd8c
```
#f7bd8c rgb(247,189,140)
```
#f9c79e
```
#f9c79e rgb(249,199,158)
```
#fad2b1
```
#fad2b1 rgb(250,210,177)
```
#fbdcc3
```
#fbdcc3 rgb(251,220,195)
```
#fce7d5
```
#fce7d5 rgb(252,231,213)
```
#fdf2e8
```
#fdf2e8 rgb(253,242,232)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#625f5d
```
#625f5d rgb(98,95,93)
```
#6a5f55
```
#6a5f55 rgb(106,95,85)
```
#715e4e
```
#715e4e rgb(113,94,78)
```
#785d47
```
#785d47 rgb(120,93,71)
```
#805d3f
```
#805d3f rgb(128,93,63)
```
#875c38
```
#875c38 rgb(135,92,56)
```
#8e5b31
```
#8e5b31 rgb(142,91,49)
```
#965b29
```
#965b29 rgb(150,91,41)
```
#9d5a22
```
#9d5a22 rgb(157,90,34)
```
#a4591b
```
#a4591b rgb(164,89,27)
```
#ac5913
```
#ac5913 rgb(172,89,19)
```
#b3580c
```
#b3580c rgb(179,88,12)
```
#ba5705
```
#ba5705 rgb(186,87,5)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#796758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86781f Protanopia 1% of men
#977200 Deuteranopia 1% of men
#b95a60 Tritanopia 0.001% of the population

Trichromacy

#966c18 Protanomaly 1% of men, 0.01% of women
#a16904 Deuteranomaly 6% of men, 0.4% of women
#b75941 Tritanomaly 0.01% of the population

#b3580c hex color

#b3580c Color Information

#b3580c Color Conversion

Color Schemes with #b3580c

Alternatives to #b3580c

#b3580c Preview

Shades and Tints of #b3580c

Tones of #b3580c

Color Blindness Simulator