#ba481f hex color

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

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

● #ba481f color description : Strong orange.

The hexadecimal color #ba481f has RGB values of R:186, G:72, B:31 and CMYK values of C:0, M:0.61, Y:0.83, K:0.27. Its decimal value is 12208159.

Hex triplet	ba481f	`#ba481f`
RGB Decimal	186, 72, 31	`rgb(186,72,31)`
RGB Percent	72.9, 28.2, 12.2	`rgb(72.9%,28.2%,12.2%)`
CMYK	0, 61, 83, 27
HSL	15.9°, 71.4, 42.5	`hsl(15.9,71.4%,42.5%)`
HSV (or HSB)	15.9°, 83.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.873, 44.047, 46.111
XYZ	22.815, 15.175, 3.024
xyY	0.556, 0.37, 15.175
CIE-LCH	45.873, 63.768, 46.312
CIE-LUV	45.873, 91.732, 34.553
Hunter-Lab	38.955, 36.372, 22.666
Binary	10111010, 01001000, 00011111

#ba481f
```
#ba481f rgb(186,72,31)
```
#1f91ba
```
#1f91ba rgb(31,145,186)
```

Complementary Color

#ba1f44
```
#ba1f44 rgb(186,31,68)
```
#ba481f
```
#ba481f rgb(186,72,31)
```
#ba961f
```
#ba961f rgb(186,150,31)
```

Analogous Color

#1f44ba
```
#1f44ba rgb(31,68,186)
```
#ba481f
```
#ba481f rgb(186,72,31)
```
#1fba96
```
#1fba96 rgb(31,186,150)
```

Split Complementary Color

#481fba
```
#481fba rgb(72,31,186)
```
#ba481f
```
#ba481f rgb(186,72,31)
```
#1fba48
```
#1fba48 rgb(31,186,72)
```

Triadic Color

#ba1f91
```
#ba1f91 rgb(186,31,145)
```
#ba481f
```
#ba481f rgb(186,72,31)
```
#1fba48
```
#1fba48 rgb(31,186,72)
```
#1f91ba
```
#1f91ba rgb(31,145,186)
```

Tetradic Color

#782f14
```
#782f14 rgb(120,47,20)
```
#8e3718
```
#8e3718 rgb(142,55,24)
```
#a4401b
```
#a4401b rgb(164,64,27)
```
#ba481f
```
#ba481f rgb(186,72,31)
```
#d05023
```
#d05023 rgb(208,80,35)
```
#dc5d30
```
#dc5d30 rgb(220,93,48)
```
#e06e45
```
#e06e45 rgb(224,110,69)
```

Monochromatic Color

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

#ba211f
```
#ba211f rgb(186,33,31)
```
#ba2e1f
```
#ba2e1f rgb(186,46,31)
```
#ba3b1f
```
#ba3b1f rgb(186,59,31)
```
#ba481f
```
#ba481f rgb(186,72,31)
```
#ba551f
```
#ba551f rgb(186,85,31)
```
#ba621f
```
#ba621f rgb(186,98,31)
```
#ba6f1f
```
#ba6f1f rgb(186,111,31)
```

Similar Colors

Text with hexadecimal color #ba481f

This text has a font color of #ba481f.

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

#ba481f background color

This paragraph has a background color of #ba481f.

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

#ba481f border color

This element has a border color of #ba481f.

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

CSS codes

.text {color:#ba481f;}

.background {background-color:#ba481f;}

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

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)
```
#55210e
```
#55210e rgb(85,33,14)
```
#662711
```
#662711 rgb(102,39,17)
```
#772e14
```
#772e14 rgb(119,46,20)
```
#883417
```
#883417 rgb(136,52,23)
```
#983b19
```
#983b19 rgb(152,59,25)
```
#a9411c
```
#a9411c rgb(169,65,28)
```
#ba481f
```
#ba481f rgb(186,72,31)
```
#cb4f22
```
#cb4f22 rgb(203,79,34)
```

Shade Color Variation

#db5525
```
#db5525 rgb(219,85,37)
```
#de6336
```
#de6336 rgb(222,99,54)
```
#e07047
```
#e07047 rgb(224,112,71)
```
#e37d58
```
#e37d58 rgb(227,125,88)
```
#e68a69
```
#e68a69 rgb(230,138,105)
```
#e9977a
```
#e9977a rgb(233,151,122)
```
#eca48a
```
#eca48a rgb(236,164,138)
```
#eeb19b
```
#eeb19b rgb(238,177,155)
```
#f1beac
```
#f1beac rgb(241,190,172)
```
#f4cbbd
```
#f4cbbd rgb(244,203,189)
```
#f7d9ce
```
#f7d9ce rgb(247,217,206)
```
#fae6de
```
#fae6de rgb(250,230,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 #d33c06 is the most saturated one.

#6f6b6a
```
#6f6b6a rgb(111,107,106)
```
#776762
```
#776762 rgb(119,103,98)
```
#806459
```
#806459 rgb(128,100,89)
```
#886051
```
#886051 rgb(136,96,81)
```
#905c49
```
#905c49 rgb(144,92,73)
```
#995840
```
#995840 rgb(153,88,64)
```
#a15438
```
#a15438 rgb(161,84,56)
```
#a95030
```
#a95030 rgb(169,80,48)
```
#b24c27
```
#b24c27 rgb(178,76,39)
```
#ba481f
```
#ba481f rgb(186,72,31)
```
#c24417
```
#c24417 rgb(194,68,23)
```
#cb400e
```
#cb400e rgb(203,64,14)
```
#d33c06
```
#d33c06 rgb(211,60,6)
```

Tone Color Variation

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

#807433 Protanopia 1% of men
#906e1f Deuteranopia 1% of men
#bf4d51 Tritanopia 0.001% of the population

Trichromacy

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

#ba481f hex color

#ba481f Color Information

#ba481f Color Conversion

Color Schemes with #ba481f

Alternatives to #ba481f

#ba481f Preview

Shades and Tints of #ba481f

Tones of #ba481f

Color Blindness Simulator