#ba0418 hex color

In a RGB color space, hex #ba0418 is composed of 72.9% red, 1.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.8% magenta, 87.1% yellow and 27.1% black. It has a hue angle of 353.4 degrees, a saturation of 95.8% and a lightness of 37.3%. #ba0418 color hex could be obtained by blending #ff0830 with #750000. Closest websafe color is: #cc0000.

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

● #ba0418 color description : Strong red.

The hexadecimal color #ba0418 has RGB values of R:186, G:4, B:24 and CMYK values of C:0, M:0.98, Y:0.87, K:0.27. Its decimal value is 12190744.

Hex triplet	ba0418	`#ba0418`
RGB Decimal	186, 4, 24	`rgb(186,4,24)`
RGB Percent	72.9, 1.6, 9.4	`rgb(72.9%,1.6%,9.4%)`
CMYK	0, 98, 87, 27
HSL	353.4°, 95.8, 37.3	`hsl(353.4,95.8%,37.3%)`
HSV (or HSB)	353.4°, 97.8, 72.9
Web Safe	cc0000	`#cc0000`

CIE-LAB	38.889, 63.063, 43.389
XYZ	20.459, 10.595, 1.832
xyY	0.622, 0.322, 10.595
CIE-LCH	38.889, 76.547, 34.529
CIE-LUV	38.889, 123.772, 23.978
Hunter-Lab	32.549, 55.236, 19.448
Binary	10111010, 00000100, 00011000

#ba0418
```
#ba0418 rgb(186,4,24)
```
#04baa6
```
#04baa6 rgb(4,186,166)
```

Complementary Color

#ba0473
```
#ba0473 rgb(186,4,115)
```
#ba0418
```
#ba0418 rgb(186,4,24)
```
#ba4b04
```
#ba4b04 rgb(186,75,4)
```

Analogous Color

#0473ba
```
#0473ba rgb(4,115,186)
```
#ba0418
```
#ba0418 rgb(186,4,24)
```
#04ba4b
```
#04ba4b rgb(4,186,75)
```

Split Complementary Color

#0418ba
```
#0418ba rgb(4,24,186)
```
#ba0418
```
#ba0418 rgb(186,4,24)
```
#18ba04
```
#18ba04 rgb(24,186,4)
```

Triadic Color

#a604ba
```
#a604ba rgb(166,4,186)
```
#ba0418
```
#ba0418 rgb(186,4,24)
```
#18ba04
```
#18ba04 rgb(24,186,4)
```
#04baa6
```
#04baa6 rgb(4,186,166)
```

Tetradic Color

#6f020e
```
#6f020e rgb(111,2,14)
```
#880312
```
#880312 rgb(136,3,18)
```
#a10315
```
#a10315 rgb(161,3,21)
```
#ba0418
```
#ba0418 rgb(186,4,24)
```
#d3051b
```
#d3051b rgb(211,5,27)
```
#ec051e
```
#ec051e rgb(236,5,30)
```
#fa112a
```
#fa112a rgb(250,17,42)
```

Monochromatic Color

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

#ba0445
```
#ba0445 rgb(186,4,69)
```
#ba0436
```
#ba0436 rgb(186,4,54)
```
#ba0427
```
#ba0427 rgb(186,4,39)
```
#ba0418
```
#ba0418 rgb(186,4,24)
```
#ba0409
```
#ba0409 rgb(186,4,9)
```
#ba0e04
```
#ba0e04 rgb(186,14,4)
```
#ba1e04
```
#ba1e04 rgb(186,30,4)
```

Similar Colors

Text with hexadecimal color #ba0418

This text has a font color of #ba0418.

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

#ba0418 background color

This paragraph has a background color of #ba0418.

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

#ba0418 border color

This element has a border color of #ba0418.

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

CSS codes

.text {color:#ba0418;}

.background {background-color:#ba0418;}

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

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

#0d0002
```
#0d0002 rgb(13,0,2)
```
#200104
```
#200104 rgb(32,1,4)
```
#340107
```
#340107 rgb(52,1,7)
```
#470209
```
#470209 rgb(71,2,9)
```
#5a020c
```
#5a020c rgb(90,2,12)
```
#6d020e
```
#6d020e rgb(109,2,14)
```
#800311
```
#800311 rgb(128,3,17)
```
#940313
```
#940313 rgb(148,3,19)
```
#a70416
```
#a70416 rgb(167,4,22)
```
#ba0418
```
#ba0418 rgb(186,4,24)
```
#cd041a
```
#cd041a rgb(205,4,26)
```
#e0051d
```
#e0051d rgb(224,5,29)
```
#f4051f
```
#f4051f rgb(244,5,31)
```

Shade Color Variation

#fa132c
```
#fa132c rgb(250,19,44)
```
#fa263d
```
#fa263d rgb(250,38,61)
```
#fb394e
```
#fb394e rgb(251,57,78)
```
#fb4c5f
```
#fb4c5f rgb(251,76,95)
```
#fc5f71
```
#fc5f71 rgb(252,95,113)
```
#fc7382
```
#fc7382 rgb(252,115,130)
```
#fc8693
```
#fc8693 rgb(252,134,147)
```
#fd99a4
```
#fd99a4 rgb(253,153,164)
```
#fdacb5
```
#fdacb5 rgb(253,172,181)
```
#febfc6
```
#febfc6 rgb(254,191,198)
```
#fed3d7
```
#fed3d7 rgb(254,211,215)
```
#fee6e8
```
#fee6e8 rgb(254,230,232)
```
#fff9fa
```
#fff9fa rgb(255,249,250)
```

Tint Color Variation

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

#625c5c
```
#625c5c rgb(98,92,92)
```
#6a5457
```
#6a5457 rgb(106,84,87)
```
#714d51
```
#714d51 rgb(113,77,81)
```
#78464b
```
#78464b rgb(120,70,75)
```
#803e46
```
#803e46 rgb(128,62,70)
```
#873740
```
#873740 rgb(135,55,64)
```
#8e303a
```
#8e303a rgb(142,48,58)
```
#952935
```
#952935 rgb(149,41,53)
```
#9d212f
```
#9d212f rgb(157,33,47)
```
#a41a29
```
#a41a29 rgb(164,26,41)
```
#ab1323
```
#ab1323 rgb(171,19,35)
```
#b30b1e
```
#b30b1e rgb(179,11,30)
```
#ba0418
```
#ba0418 rgb(186,4,24)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#563236 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6434 Protanopia 1% of men
#7d5f0b Deuteranopia 1% of men
#bd150a Tritanopia 0.001% of the population

Trichromacy

#89412a Protanomaly 1% of men, 0.01% of women
#933e0f Deuteranomaly 6% of men, 0.4% of women
#bc0e0f Tritanomaly 0.01% of the population

#ba0418 hex color

#ba0418 Color Information

#ba0418 Color Conversion

Color Schemes with #ba0418

Alternatives to #ba0418

#ba0418 Preview

Shades and Tints of #ba0418

Tones of #ba0418

Color Blindness Simulator