#ba030f hex color

In a RGB color space, hex #ba030f is composed of 72.9% red, 1.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 91.9% yellow and 27.1% black. It has a hue angle of 356.1 degrees, a saturation of 96.8% and a lightness of 37.1%. #ba030f color hex could be obtained by blending #ff061e with #750000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 73
- G 1
- B 6
RGB color chart
- C 0
- M 98
- Y 92
- K 27
CMYK color chart

● #ba030f color description : Strong red.

The hexadecimal color #ba030f has RGB values of R:186, G:3, B:15 and CMYK values of C:0, M:0.98, Y:0.92, K:0.27. Its decimal value is 12190479.

Hex triplet	ba030f	`#ba030f`
RGB Decimal	186, 3, 15	`rgb(186,3,15)`
RGB Percent	72.9, 1.2, 5.9	`rgb(72.9%,1.2%,5.9%)`
CMYK	0, 98, 92, 27
HSL	356.1°, 96.8, 37.1	`hsl(356.1,96.8%,37.1%)`
HSV (or HSB)	356.1°, 98.4, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	38.797, 63.021, 47.466
XYZ	20.37, 10.541, 1.414
xyY	0.63, 0.326, 10.541
CIE-LCH	38.797, 78.897, 36.986
CIE-LUV	38.797, 125.106, 25.647
Hunter-Lab	32.468, 55.17, 20.145
Binary	10111010, 00000011, 00001111

#ba030f
```
#ba030f rgb(186,3,15)
```
#03baae
```
#03baae rgb(3,186,174)
```

Complementary Color

#ba036b
```
#ba036b rgb(186,3,107)
```
#ba030f
```
#ba030f rgb(186,3,15)
```
#ba5203
```
#ba5203 rgb(186,82,3)
```

Analogous Color

#036bba
```
#036bba rgb(3,107,186)
```
#ba030f
```
#ba030f rgb(186,3,15)
```
#03ba52
```
#03ba52 rgb(3,186,82)
```

Split Complementary Color

#030fba
```
#030fba rgb(3,15,186)
```
#ba030f
```
#ba030f rgb(186,3,15)
```
#0fba03
```
#0fba03 rgb(15,186,3)
```

Triadic Color

#ae03ba
```
#ae03ba rgb(174,3,186)
```
#ba030f
```
#ba030f rgb(186,3,15)
```
#0fba03
```
#0fba03 rgb(15,186,3)
```
#03baae
```
#03baae rgb(3,186,174)
```

Tetradic Color

#6f0209
```
#6f0209 rgb(111,2,9)
```
#88020b
```
#88020b rgb(136,2,11)
```
#a1030d
```
#a1030d rgb(161,3,13)
```
#ba030f
```
#ba030f rgb(186,3,15)
```
#d30311
```
#d30311 rgb(211,3,17)
```
#ec0413
```
#ec0413 rgb(236,4,19)
```
#fb0e1e
```
#fb0e1e rgb(251,14,30)
```

Monochromatic Color

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

#ba033d
```
#ba033d rgb(186,3,61)
```
#ba032e
```
#ba032e rgb(186,3,46)
```
#ba031e
```
#ba031e rgb(186,3,30)
```
#ba030f
```
#ba030f rgb(186,3,15)
```
#ba0603
```
#ba0603 rgb(186,6,3)
```
#ba1503
```
#ba1503 rgb(186,21,3)
```
#ba2503
```
#ba2503 rgb(186,37,3)
```

Similar Colors

Text with hexadecimal color #ba030f

This text has a font color of #ba030f.

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

#ba030f background color

This paragraph has a background color of #ba030f.

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

#ba030f border color

This element has a border color of #ba030f.

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

CSS codes

.text {color:#ba030f;}

.background {background-color:#ba030f;}

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

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

#0c0001
```
#0c0001 rgb(12,0,1)
```
#200103
```
#200103 rgb(32,1,3)
```
#330104
```
#330104 rgb(51,1,4)
```
#460106
```
#460106 rgb(70,1,6)
```
#590107
```
#590107 rgb(89,1,7)
```
#6d0209
```
#6d0209 rgb(109,2,9)
```
#80020a
```
#80020a rgb(128,2,10)
```
#93020c
```
#93020c rgb(147,2,12)
```
#a7030d
```
#a7030d rgb(167,3,13)
```
#ba030f
```
#ba030f rgb(186,3,15)
```
#cd0311
```
#cd0311 rgb(205,3,17)
```
#e10412
```
#e10412 rgb(225,4,18)
```
#f40414
```
#f40414 rgb(244,4,20)
```

Shade Color Variation

#fb1020
```
#fb1020 rgb(251,16,32)
```
#fb2432
```
#fb2432 rgb(251,36,50)
```
#fc3744
```
#fc3744 rgb(252,55,68)
```
#fc4a56
```
#fc4a56 rgb(252,74,86)
```
#fc5e68
```
#fc5e68 rgb(252,94,104)
```
#fd717a
```
#fd717a rgb(253,113,122)
```
#fd848c
```
#fd848c rgb(253,132,140)
```
#fd979e
```
#fd979e rgb(253,151,158)
```
#feabb0
```
#feabb0 rgb(254,171,176)
```
#febec2
```
#febec2 rgb(254,190,194)
```
#fed1d4
```
#fed1d4 rgb(254,209,212)
```
#ffe5e6
```
#ffe5e6 rgb(255,229,230)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#635a5b
```
#635a5b rgb(99,90,91)
```
#6a5354
```
#6a5354 rgb(106,83,84)
```
#714c4e
```
#714c4e rgb(113,76,78)
```
#794448
```
#794448 rgb(121,68,72)
```
#803d42
```
#803d42 rgb(128,61,66)
```
#87363b
```
#87363b rgb(135,54,59)
```
#8e2f35
```
#8e2f35 rgb(142,47,53)
```
#96272f
```
#96272f rgb(150,39,47)
```
#9d2028
```
#9d2028 rgb(157,32,40)
```
#a41922
```
#a41922 rgb(164,25,34)
```
#ab121c
```
#ab121c rgb(171,18,28)
```
#b30a15
```
#b30a15 rgb(179,10,21)
```
#ba030f
```
#ba030f rgb(186,3,15)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#543032 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e642a Protanopia 1% of men
#7c5f00 Deuteranopia 1% of men
#bd1400 Tritanopia 0.001% of the population

Trichromacy

#8a4020 Protanomaly 1% of men, 0.01% of women
#933d05 Deuteranomaly 6% of men, 0.4% of women
#bb0d05 Tritanomaly 0.01% of the population

#ba030f hex color

#ba030f Color Information

#ba030f Color Conversion

Color Schemes with #ba030f

Alternatives to #ba030f

#ba030f Preview

Shades and Tints of #ba030f

Tones of #ba030f

Color Blindness Simulator