#ba451f hex color

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

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

● #ba451f color description : Strong red.

The hexadecimal color #ba451f has RGB values of R:186, G:69, B:31 and CMYK values of C:0, M:0.63, Y:0.83, K:0.27. Its decimal value is 12207391.

Hex triplet	ba451f	`#ba451f`
RGB Decimal	186, 69, 31	`rgb(186,69,31)`
RGB Percent	72.9, 27.1, 12.2	`rgb(72.9%,27.1%,12.2%)`
CMYK	0, 63, 83, 27
HSL	14.7°, 71.4, 42.5	`hsl(14.7,71.4%,42.5%)`
HSV (or HSB)	14.7°, 83.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.355, 45.421, 45.641
XYZ	22.626, 14.797, 2.961
xyY	0.56, 0.366, 14.797
CIE-LCH	45.355, 64.391, 45.138
CIE-LUV	45.355, 93.887, 33.652
Hunter-Lab	38.467, 37.678, 22.363
Binary	10111010, 01000101, 00011111

#ba451f
```
#ba451f rgb(186,69,31)
```
#1f94ba
```
#1f94ba rgb(31,148,186)
```

Complementary Color

#ba1f47
```
#ba1f47 rgb(186,31,71)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#ba931f
```
#ba931f rgb(186,147,31)
```

Analogous Color

#1f47ba
```
#1f47ba rgb(31,71,186)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#1fba93
```
#1fba93 rgb(31,186,147)
```

Split Complementary Color

#451fba
```
#451fba rgb(69,31,186)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#1fba45
```
#1fba45 rgb(31,186,69)
```

Triadic Color

#ba1f94
```
#ba1f94 rgb(186,31,148)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#1fba45
```
#1fba45 rgb(31,186,69)
```
#1f94ba
```
#1f94ba rgb(31,148,186)
```

Tetradic Color

#782d14
```
#782d14 rgb(120,45,20)
```
#8e3518
```
#8e3518 rgb(142,53,24)
```
#a43d1b
```
#a43d1b rgb(164,61,27)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#d04d23
```
#d04d23 rgb(208,77,35)
```
#dc5a30
```
#dc5a30 rgb(220,90,48)
```
#e06b45
```
#e06b45 rgb(224,107,69)
```

Monochromatic Color

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

#ba1f20
```
#ba1f20 rgb(186,31,32)
```
#ba2b1f
```
#ba2b1f rgb(186,43,31)
```
#ba381f
```
#ba381f rgb(186,56,31)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#ba521f
```
#ba521f rgb(186,82,31)
```
#ba5f1f
```
#ba5f1f rgb(186,95,31)
```
#ba6c1f
```
#ba6c1f rgb(186,108,31)
```

Similar Colors

Text with hexadecimal color #ba451f

This text has a font color of #ba451f.

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

#ba451f background color

This paragraph has a background color of #ba451f.

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

#ba451f border color

This element has a border color of #ba451f.

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

CSS codes

.text {color:#ba451f;}

.background {background-color:#ba451f;}

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

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 #fcf2ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120703
```
#120703 rgb(18,7,3)
```
#230d06
```
#230d06 rgb(35,13,6)
```
#331309
```
#331309 rgb(51,19,9)
```
#44190b
```
#44190b rgb(68,25,11)
```
#55200e
```
#55200e rgb(85,32,14)
```
#662611
```
#662611 rgb(102,38,17)
```
#772c14
```
#772c14 rgb(119,44,20)
```
#883217
```
#883217 rgb(136,50,23)
```
#983919
```
#983919 rgb(152,57,25)
```
#a93f1c
```
#a93f1c rgb(169,63,28)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#cb4b22
```
#cb4b22 rgb(203,75,34)
```

Shade Color Variation

#db5225
```
#db5225 rgb(219,82,37)
```
#de5f36
```
#de5f36 rgb(222,95,54)
```
#e06d47
```
#e06d47 rgb(224,109,71)
```
#e37a58
```
#e37a58 rgb(227,122,88)
```
#e68769
```
#e68769 rgb(230,135,105)
```
#e9957a
```
#e9957a rgb(233,149,122)
```
#eca28a
```
#eca28a rgb(236,162,138)
```
#eeb09b
```
#eeb09b rgb(238,176,155)
```
#f1bdac
```
#f1bdac rgb(241,189,172)
```
#f4cabd
```
#f4cabd rgb(244,202,189)
```
#f7d8ce
```
#f7d8ce rgb(247,216,206)
```
#fae5de
```
#fae5de rgb(250,229,222)
```
#fcf2ef
```
#fcf2ef rgb(252,242,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 #d33806 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)
```
#905a49
```
#905a49 rgb(144,90,73)
```
#995640
```
#995640 rgb(153,86,64)
```
#a15238
```
#a15238 rgb(161,82,56)
```
#a94e30
```
#a94e30 rgb(169,78,48)
```
#b24927
```
#b24927 rgb(178,73,39)
```
#ba451f
```
#ba451f rgb(186,69,31)
```
#c24117
```
#c24117 rgb(194,65,23)
```
#cb3c0e
```
#cb3c0e rgb(203,60,14)
```
#d33806
```
#d33806 rgb(211,56,6)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#755e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7334 Protanopia 1% of men
#8f6d1f Deuteranopia 1% of men
#be4a4e Tritanopia 0.001% of the population

Trichromacy

#94622c Protanomaly 1% of men, 0.01% of women
#9e5e1f Deuteranomaly 6% of men, 0.4% of women
#bd483d Tritanomaly 0.01% of the population

#ba451f hex color

#ba451f Color Information

#ba451f Color Conversion

Color Schemes with #ba451f

Alternatives to #ba451f

#ba451f Preview

Shades and Tints of #ba451f

Tones of #ba451f

Color Blindness Simulator