#ba0306 hex color

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

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

● #ba0306 color description : Strong red.

The hexadecimal color #ba0306 has RGB values of R:186, G:3, B:6 and CMYK values of C:0, M:0.98, Y:0.97, K:0.27. Its decimal value is 12190470.

Hex triplet	ba0306	`#ba0306`
RGB Decimal	186, 3, 6	`rgb(186,3,6)`
RGB Percent	72.9, 1.2, 2.4	`rgb(72.9%,1.2%,2.4%)`
CMYK	0, 98, 97, 27
HSL	359°, 96.8, 37.1	`hsl(359,96.8%,37.1%)`
HSV (or HSB)	359°, 98.4, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	38.76, 62.919, 50.748
XYZ	20.316, 10.52, 1.133
xyY	0.635, 0.329, 10.52
CIE-LCH	38.76, 80.834, 38.888
CIE-LUV	38.76, 125.899, 26.843
Hunter-Lab	32.435, 55.047, 20.633
Binary	10111010, 00000011, 00000110

#ba0306
```
#ba0306 rgb(186,3,6)
```
#03bab7
```
#03bab7 rgb(3,186,183)
```

Complementary Color

#ba0362
```
#ba0362 rgb(186,3,98)
```
#ba0306
```
#ba0306 rgb(186,3,6)
```
#ba5b03
```
#ba5b03 rgb(186,91,3)
```

Analogous Color

#0362ba
```
#0362ba rgb(3,98,186)
```
#ba0306
```
#ba0306 rgb(186,3,6)
```
#03ba5b
```
#03ba5b rgb(3,186,91)
```

Split Complementary Color

#0306ba
```
#0306ba rgb(3,6,186)
```
#ba0306
```
#ba0306 rgb(186,3,6)
```
#06ba03
```
#06ba03 rgb(6,186,3)
```

Triadic Color

#b703ba
```
#b703ba rgb(183,3,186)
```
#ba0306
```
#ba0306 rgb(186,3,6)
```
#06ba03
```
#06ba03 rgb(6,186,3)
```
#03bab7
```
#03bab7 rgb(3,186,183)
```

Tetradic Color

#6f0204
```
#6f0204 rgb(111,2,4)
```
#880204
```
#880204 rgb(136,2,4)
```
#a10305
```
#a10305 rgb(161,3,5)
```
#ba0306
```
#ba0306 rgb(186,3,6)
```
#d30307
```
#d30307 rgb(211,3,7)
```
#ec0408
```
#ec0408 rgb(236,4,8)
```
#fb0e12
```
#fb0e12 rgb(251,14,18)
```

Monochromatic Color

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

#ba0334
```
#ba0334 rgb(186,3,52)
```
#ba0325
```
#ba0325 rgb(186,3,37)
```
#ba0315
```
#ba0315 rgb(186,3,21)
```
#ba0306
```
#ba0306 rgb(186,3,6)
```
#ba0f03
```
#ba0f03 rgb(186,15,3)
```
#ba1e03
```
#ba1e03 rgb(186,30,3)
```
#ba2e03
```
#ba2e03 rgb(186,46,3)
```

Similar Colors

Text with hexadecimal color #ba0306

This text has a font color of #ba0306.

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

#ba0306 background color

This paragraph has a background color of #ba0306.

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

#ba0306 border color

This element has a border color of #ba0306.

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

CSS codes

.text {color:#ba0306;}

.background {background-color:#ba0306;}

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

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

#0c0000
```
#0c0000 rgb(12,0,0)
```
#200101
```
#200101 rgb(32,1,1)
```
#330102
```
#330102 rgb(51,1,2)
```
#460102
```
#460102 rgb(70,1,2)
```
#590103
```
#590103 rgb(89,1,3)
```
#6d0204
```
#6d0204 rgb(109,2,4)
```
#800204
```
#800204 rgb(128,2,4)
```
#930205
```
#930205 rgb(147,2,5)
```
#a70305
```
#a70305 rgb(167,3,5)
```
#ba0306
```
#ba0306 rgb(186,3,6)
```
#cd0307
```
#cd0307 rgb(205,3,7)
```
#e10407
```
#e10407 rgb(225,4,7)
```
#f40408
```
#f40408 rgb(244,4,8)
```

Shade Color Variation

#fb1014
```
#fb1014 rgb(251,16,20)
```
#fb2427
```
#fb2427 rgb(251,36,39)
```
#fc373a
```
#fc373a rgb(252,55,58)
```
#fc4a4d
```
#fc4a4d rgb(252,74,77)
```
#fc5e60
```
#fc5e60 rgb(252,94,96)
```
#fd7173
```
#fd7173 rgb(253,113,115)
```
#fd8486
```
#fd8486 rgb(253,132,134)
```
#fd9799
```
#fd9799 rgb(253,151,153)
```
#feabac
```
#feabac rgb(254,171,172)
```
#febebf
```
#febebf rgb(254,190,191)
```
#fed1d2
```
#fed1d2 rgb(254,209,210)
```
#ffe5e5
```
#ffe5e5 rgb(255,229,229)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#635a5a
```
#635a5a rgb(99,90,90)
```
#6a5353
```
#6a5353 rgb(106,83,83)
```
#714c4c
```
#714c4c rgb(113,76,76)
```
#794445
```
#794445 rgb(121,68,69)
```
#803d3e
```
#803d3e rgb(128,61,62)
```
#873637
```
#873637 rgb(135,54,55)
```
#8e2f30
```
#8e2f30 rgb(142,47,48)
```
#962729
```
#962729 rgb(150,39,41)
```
#9d2022
```
#9d2022 rgb(157,32,34)
```
#a4191b
```
#a4191b rgb(164,25,27)
```
#ab1214
```
#ab1214 rgb(171,18,20)
```
#b30a0d
```
#b30a0d rgb(179,10,13)
```
#ba0306
```
#ba0306 rgb(186,3,6)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#542f30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6321 Protanopia 1% of men
#7c5f00 Deuteranopia 1% of men
#bc1400 Tritanopia 0.001% of the population

Trichromacy

#8a4017 Protanomaly 1% of men, 0.01% of women
#923d02 Deuteranomaly 6% of men, 0.4% of women
#bb0e02 Tritanomaly 0.01% of the population

#ba0306 hex color

#ba0306 Color Information

#ba0306 Color Conversion

Color Schemes with #ba0306

Alternatives to #ba0306

#ba0306 Preview

Shades and Tints of #ba0306

Tones of #ba0306

Color Blindness Simulator