#ba0302 hex color

In a RGB color space, hex #ba0302 is composed of 72.9% red, 1.2% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 98.9% yellow and 27.1% black. It has a hue angle of 0.3 degrees, a saturation of 97.9% and a lightness of 36.9%. #ba0302 color hex could be obtained by blending #ff0604 with #750000. Closest websafe color is: #cc0000.

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

● #ba0302 color description : Strong red.

The hexadecimal color #ba0302 has RGB values of R:186, G:3, B:2 and CMYK values of C:0, M:0.98, Y:0.99, K:0.27. Its decimal value is 12190466.

Hex triplet	ba0302	`#ba0302`
RGB Decimal	186, 3, 2	`rgb(186,3,2)`
RGB Percent	72.9, 1.2, 0.8	`rgb(72.9%,1.2%,0.8%)`
CMYK	0, 98, 99, 27
HSL	0.3°, 97.9, 36.9	`hsl(0.3,97.9%,36.9%)`
HSV (or HSB)	0.3°, 98.9, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	38.745, 62.878, 52.257
XYZ	20.294, 10.511, 1.018
xyY	0.638, 0.33, 10.511
CIE-LCH	38.745, 81.758, 39.73
CIE-LUV	38.745, 126.228, 27.338
Hunter-Lab	32.421, 54.997, 20.834
Binary	10111010, 00000011, 00000010

#ba0302
```
#ba0302 rgb(186,3,2)
```
#02b9ba
```
#02b9ba rgb(2,185,186)
```

Complementary Color

#ba025d
```
#ba025d rgb(186,2,93)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#ba5f02
```
#ba5f02 rgb(186,95,2)
```

Analogous Color

#025dba
```
#025dba rgb(2,93,186)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#02ba5f
```
#02ba5f rgb(2,186,95)
```

Split Complementary Color

#0302ba
```
#0302ba rgb(3,2,186)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#02ba03
```
#02ba03 rgb(2,186,3)
```

Triadic Color

#ba02b9
```
#ba02b9 rgb(186,2,185)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#02ba03
```
#02ba03 rgb(2,186,3)
```
#02b9ba
```
#02b9ba rgb(2,185,186)
```

Tetradic Color

#6e0201
```
#6e0201 rgb(110,2,1)
```
#880201
```
#880201 rgb(136,2,1)
```
#a10302
```
#a10302 rgb(161,3,2)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#d30302
```
#d30302 rgb(211,3,2)
```
#ec0403
```
#ec0403 rgb(236,4,3)
```
#fc0d0c
```
#fc0d0c rgb(252,13,12)
```

Monochromatic Color

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

#ba022f
```
#ba022f rgb(186,2,47)
```
#ba0220
```
#ba0220 rgb(186,2,32)
```
#ba0210
```
#ba0210 rgb(186,2,16)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#ba1202
```
#ba1202 rgb(186,18,2)
```
#ba2202
```
#ba2202 rgb(186,34,2)
```
#ba3102
```
#ba3102 rgb(186,49,2)
```

Similar Colors

Text with hexadecimal color #ba0302

This text has a font color of #ba0302.

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

#ba0302 background color

This paragraph has a background color of #ba0302.

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

#ba0302 border color

This element has a border color of #ba0302.

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

CSS codes

.text {color:#ba0302;}

.background {background-color:#ba0302;}

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

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

#0b0000
```
#0b0000 rgb(11,0,0)
```
#1f0000
```
#1f0000 rgb(31,0,0)
```
#320101
```
#320101 rgb(50,1,1)
```
#460101
```
#460101 rgb(70,1,1)
```
#590101
```
#590101 rgb(89,1,1)
```
#6c0201
```
#6c0201 rgb(108,2,1)
```
#800201
```
#800201 rgb(128,2,1)
```
#930202
```
#930202 rgb(147,2,2)
```
#a70302
```
#a70302 rgb(167,3,2)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```
#cd0302
```
#cd0302 rgb(205,3,2)
```
#e10402
```
#e10402 rgb(225,4,2)
```
#f40403
```
#f40403 rgb(244,4,3)
```

Shade Color Variation

#fc0f0e
```
#fc0f0e rgb(252,15,14)
```
#fd2321
```
#fd2321 rgb(253,35,33)
```
#fd3635
```
#fd3635 rgb(253,54,53)
```
#fd4948
```
#fd4948 rgb(253,73,72)
```
#fd5d5c
```
#fd5d5c rgb(253,93,92)
```
#fd706f
```
#fd706f rgb(253,112,111)
```
#fe8382
```
#fe8382 rgb(254,131,130)
```
#fe9696
```
#fe9696 rgb(254,150,150)
```
#feaaa9
```
#feaaa9 rgb(254,170,169)
```
#febdbd
```
#febdbd rgb(254,189,189)
```
#fed0d0
```
#fed0d0 rgb(254,208,208)
```
#ffe4e4
```
#ffe4e4 rgb(255,228,228)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#635959
```
#635959 rgb(99,89,89)
```
#6a5252
```
#6a5252 rgb(106,82,82)
```
#724b4a
```
#724b4a rgb(114,75,74)
```
#794343
```
#794343 rgb(121,67,67)
```
#803c3c
```
#803c3c rgb(128,60,60)
```
#873535
```
#873535 rgb(135,53,53)
```
#8f2e2d
```
#8f2e2d rgb(143,46,45)
```
#962726
```
#962726 rgb(150,39,38)
```
#9d201f
```
#9d201f rgb(157,32,31)
```
#a41818
```
#a41818 rgb(164,24,24)
```
#ac1110
```
#ac1110 rgb(172,17,16)
```
#b30a09
```
#b30a09 rgb(179,10,9)
```
#ba0302
```
#ba0302 rgb(186,3,2)
```

Tone Color Variation

Below, you can see how #ba0302 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
#542f2f Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#8a4013 Protanomaly 1% of men, 0.01% of women
#923d00 Deuteranomaly 6% of men, 0.4% of women
#bb0e00 Tritanomaly 0.01% of the population

#ba0302 hex color

#ba0302 Color Information

#ba0302 Color Conversion

Color Schemes with #ba0302

Alternatives to #ba0302

#ba0302 Preview

Shades and Tints of #ba0302

Tones of #ba0302

Color Blindness Simulator