#ba471f hex color

In a RGB color space, hex #ba471f is composed of 72.9% red, 27.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.8% magenta, 83.3% yellow and 27.1% black. It has a hue angle of 15.5 degrees, a saturation of 71.4% and a lightness of 42.5%. #ba471f color hex could be obtained by blending #ff8e3e with #750000. Closest websafe color is: #cc3333.

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

● #ba471f color description : Strong orange.

The hexadecimal color #ba471f has RGB values of R:186, G:71, B:31 and CMYK values of C:0, M:0.62, Y:0.83, K:0.27. Its decimal value is 12207903.

Hex triplet	ba471f	`#ba471f`
RGB Decimal	186, 71, 31	`rgb(186,71,31)`
RGB Percent	72.9, 27.8, 12.2	`rgb(72.9%,27.8%,12.2%)`
CMYK	0, 62, 83, 27
HSL	15.5°, 71.4, 42.5	`hsl(15.5,71.4%,42.5%)`
HSV (or HSB)	15.5°, 83.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.698, 44.509, 45.953
XYZ	22.751, 15.047, 3.003
xyY	0.558, 0.369, 15.047
CIE-LCH	45.698, 63.974, 45.914
CIE-LUV	45.698, 92.455, 34.25
Hunter-Lab	38.79, 36.81, 22.564
Binary	10111010, 01000111, 00011111

#ba471f
```
#ba471f rgb(186,71,31)
```
#1f92ba
```
#1f92ba rgb(31,146,186)
```

Complementary Color

#ba1f45
```
#ba1f45 rgb(186,31,69)
```
#ba471f
```
#ba471f rgb(186,71,31)
```
#ba951f
```
#ba951f rgb(186,149,31)
```

Analogous Color

#1f45ba
```
#1f45ba rgb(31,69,186)
```
#ba471f
```
#ba471f rgb(186,71,31)
```
#1fba95
```
#1fba95 rgb(31,186,149)
```

Split Complementary Color

#471fba
```
#471fba rgb(71,31,186)
```
#ba471f
```
#ba471f rgb(186,71,31)
```
#1fba47
```
#1fba47 rgb(31,186,71)
```

Triadic Color

#ba1f92
```
#ba1f92 rgb(186,31,146)
```
#ba471f
```
#ba471f rgb(186,71,31)
```
#1fba47
```
#1fba47 rgb(31,186,71)
```
#1f92ba
```
#1f92ba rgb(31,146,186)
```

Tetradic Color

#782e14
```
#782e14 rgb(120,46,20)
```
#8e3618
```
#8e3618 rgb(142,54,24)
```
#a43f1b
```
#a43f1b rgb(164,63,27)
```
#ba471f
```
#ba471f rgb(186,71,31)
```
#d04f23
```
#d04f23 rgb(208,79,35)
```
#dc5c30
```
#dc5c30 rgb(220,92,48)
```
#e06d45
```
#e06d45 rgb(224,109,69)
```

Monochromatic Color

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

#ba201f
```
#ba201f rgb(186,32,31)
```
#ba2d1f
```
#ba2d1f rgb(186,45,31)
```
#ba3a1f
```
#ba3a1f rgb(186,58,31)
```
#ba471f
```
#ba471f rgb(186,71,31)
```
#ba541f
```
#ba541f rgb(186,84,31)
```
#ba611f
```
#ba611f rgb(186,97,31)
```
#ba6e1f
```
#ba6e1f rgb(186,110,31)
```

Similar Colors

Text with hexadecimal color #ba471f

This text has a font color of #ba471f.

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

#ba471f background color

This paragraph has a background color of #ba471f.

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

#ba471f border color

This element has a border color of #ba471f.

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

CSS codes

.text {color:#ba471f;}

.background {background-color:#ba471f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120703
```
#120703 rgb(18,7,3)
```
#230d06
```
#230d06 rgb(35,13,6)
```
#331409
```
#331409 rgb(51,20,9)
```
#441a0b
```
#441a0b rgb(68,26,11)
```
#55200e
```
#55200e rgb(85,32,14)
```
#662711
```
#662711 rgb(102,39,17)
```
#772d14
```
#772d14 rgb(119,45,20)
```
#883417
```
#883417 rgb(136,52,23)
```
#983a19
```
#983a19 rgb(152,58,25)
```
#a9411c
```
#a9411c rgb(169,65,28)
```
#ba471f
```
#ba471f rgb(186,71,31)
```
#cb4d22
```
#cb4d22 rgb(203,77,34)
```

Shade Color Variation

#db5425
```
#db5425 rgb(219,84,37)
```
#de6136
```
#de6136 rgb(222,97,54)
```
#e06f47
```
#e06f47 rgb(224,111,71)
```
#e37c58
```
#e37c58 rgb(227,124,88)
```
#e68969
```
#e68969 rgb(230,137,105)
```
#e9967a
```
#e9967a rgb(233,150,122)
```
#eca38a
```
#eca38a rgb(236,163,138)
```
#eeb19b
```
#eeb19b rgb(238,177,155)
```
#f1beac
```
#f1beac rgb(241,190,172)
```
#f4cbbd
```
#f4cbbd rgb(244,203,189)
```
#f7d8ce
```
#f7d8ce rgb(247,216,206)
```
#fae5de
```
#fae5de rgb(250,229,222)
```
#fcf3ef
```
#fcf3ef rgb(252,243,239)
```

Tint Color Variation

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

#6f6b6a
```
#6f6b6a rgb(111,107,106)
```
#776762
```
#776762 rgb(119,103,98)
```
#806359
```
#806359 rgb(128,99,89)
```
#885f51
```
#885f51 rgb(136,95,81)
```
#905b49
```
#905b49 rgb(144,91,73)
```
#995740
```
#995740 rgb(153,87,64)
```
#a15338
```
#a15338 rgb(161,83,56)
```
#a94f30
```
#a94f30 rgb(169,79,48)
```
#b24b27
```
#b24b27 rgb(178,75,39)
```
#ba471f
```
#ba471f rgb(186,71,31)
```
#c24317
```
#c24317 rgb(194,67,23)
```
#cb3f0e
```
#cb3f0e rgb(203,63,14)
```
#d33b06
```
#d33b06 rgb(211,59,6)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#765f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807333 Protanopia 1% of men
#906e1f Deuteranopia 1% of men
#be4c50 Tritanopia 0.001% of the population

Trichromacy

#95632c Protanomaly 1% of men, 0.01% of women
#9f601f Deuteranomaly 6% of men, 0.4% of women
#bd4a3e Tritanomaly 0.01% of the population

#ba471f hex color

#ba471f Color Information

#ba471f Color Conversion

Color Schemes with #ba471f

Alternatives to #ba471f

#ba471f Preview

Shades and Tints of #ba471f

Tones of #ba471f

Color Blindness Simulator