#ba0d30 hex color

In a RGB color space, hex #ba0d30 is composed of 72.9% red, 5.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 74.2% yellow and 27.1% black. It has a hue angle of 347.9 degrees, a saturation of 86.9% and a lightness of 39%. #ba0d30 color hex could be obtained by blending #ff1a60 with #750000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 73
- G 5
- B 19
RGB color chart
- C 0
- M 93
- Y 74
- K 27
CMYK color chart

● #ba0d30 color description : Strong red.

The hexadecimal color #ba0d30 has RGB values of R:186, G:13, B:48 and CMYK values of C:0, M:0.93, Y:0.74, K:0.27. Its decimal value is 12193072.

Hex triplet	ba0d30	`#ba0d30`
RGB Decimal	186, 13, 48	`rgb(186,13,48)`
RGB Percent	72.9, 5.1, 18.8	`rgb(72.9%,5.1%,18.8%)`
CMYK	0, 93, 74, 27
HSL	347.9°, 86.9, 39	`hsl(347.9,86.9%,39%)`
HSV (or HSB)	347.9°, 93, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.484, 62.77, 30.267
XYZ	20.928, 10.943, 3.806
xyY	0.587, 0.307, 10.943
CIE-LCH	39.484, 69.686, 25.743
CIE-LUV	39.484, 117.131, 16.882
Hunter-Lab	33.08, 55.037, 16.334
Binary	10111010, 00001101, 00110000

#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#0dba97
```
#0dba97 rgb(13,186,151)
```

Complementary Color

#ba0d87
```
#ba0d87 rgb(186,13,135)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#ba410d
```
#ba410d rgb(186,65,13)
```

Analogous Color

#0d87ba
```
#0d87ba rgb(13,135,186)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#0dba41
```
#0dba41 rgb(13,186,65)
```

Split Complementary Color

#0d30ba
```
#0d30ba rgb(13,48,186)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#30ba0d
```
#30ba0d rgb(48,186,13)
```

Triadic Color

#970dba
```
#970dba rgb(151,13,186)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#30ba0d
```
#30ba0d rgb(48,186,13)
```
#0dba97
```
#0dba97 rgb(13,186,151)
```

Tetradic Color

#72081e
```
#72081e rgb(114,8,30)
```
#8a0a24
```
#8a0a24 rgb(138,10,36)
```
#a20b2a
```
#a20b2a rgb(162,11,42)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#d20f36
```
#d20f36 rgb(210,15,54)
```
#ea103c
```
#ea103c rgb(234,16,60)
```
#f0244d
```
#f0244d rgb(240,36,77)
```

Monochromatic Color

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

#ba0d5b
```
#ba0d5b rgb(186,13,91)
```
#ba0d4d
```
#ba0d4d rgb(186,13,77)
```
#ba0d3e
```
#ba0d3e rgb(186,13,62)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#ba0d22
```
#ba0d22 rgb(186,13,34)
```
#ba0d13
```
#ba0d13 rgb(186,13,19)
```
#ba150d
```
#ba150d rgb(186,21,13)
```

Similar Colors

Text with hexadecimal color #ba0d30

This text has a font color of #ba0d30.

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

#ba0d30 background color

This paragraph has a background color of #ba0d30.

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

#ba0d30 border color

This element has a border color of #ba0d30.

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

CSS codes

.text {color:#ba0d30;}

.background {background-color:#ba0d30;}

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

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, #030001 is the darkest color, while #feeff2 is the lightest one.

#030001
```
#030001 rgb(3,0,1)
```
#150105
```
#150105 rgb(21,1,5)
```
#27030a
```
#27030a rgb(39,3,10)
```
#3a040f
```
#3a040f rgb(58,4,15)
```
#4c0514
```
#4c0514 rgb(76,5,20)
```
#5e0718
```
#5e0718 rgb(94,7,24)
```
#71081d
```
#71081d rgb(113,8,29)
```
#830922
```
#830922 rgb(131,9,34)
```
#950a27
```
#950a27 rgb(149,10,39)
```
#a80c2b
```
#a80c2b rgb(168,12,43)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#cc0e35
```
#cc0e35 rgb(204,14,53)
```
#df1039
```
#df1039 rgb(223,16,57)
```

Shade Color Variation

#ef1340
```
#ef1340 rgb(239,19,64)
```
#f0264f
```
#f0264f rgb(240,38,79)
```
#f1385d
```
#f1385d rgb(241,56,93)
```
#f24a6c
```
#f24a6c rgb(242,74,108)
```
#f45d7b
```
#f45d7b rgb(244,93,123)
```
#f56f8a
```
#f56f8a rgb(245,111,138)
```
#f68199
```
#f68199 rgb(246,129,153)
```
#f794a8
```
#f794a8 rgb(247,148,168)
```
#f9a6b7
```
#f9a6b7 rgb(249,166,183)
```
#fab8c6
```
#fab8c6 rgb(250,184,198)
```
#fbcbd5
```
#fbcbd5 rgb(251,203,213)
```
#fddde3
```
#fddde3 rgb(253,221,227)
```
#feeff2
```
#feeff2 rgb(254,239,242)
```

Tint Color Variation

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

#666162
```
#666162 rgb(102,97,98)
```
#6d5a5e
```
#6d5a5e rgb(109,90,94)
```
#755259
```
#755259 rgb(117,82,89)
```
#7d4a54
```
#7d4a54 rgb(125,74,84)
```
#844350
```
#844350 rgb(132,67,80)
```
#8c3b4b
```
#8c3b4b rgb(140,59,75)
```
#943347
```
#943347 rgb(148,51,71)
```
#9b2c42
```
#9b2c42 rgb(155,44,66)
```
#a3243e
```
#a3243e rgb(163,36,62)
```
#ab1c39
```
#ab1c39 rgb(171,28,57)
```
#b21535
```
#b21535 rgb(178,21,53)
```
#ba0d30
```
#ba0d30 rgb(186,13,48)
```
#c2052b
```
#c2052b rgb(194,5,43)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#5c3a41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b654f Protanopia 1% of men
#7c602f Deuteranopia 1% of men
#bc211f Tritanopia 0.001% of the population

Trichromacy

#884544 Protanomaly 1% of men, 0.01% of women
#92422f Deuteranomaly 6% of men, 0.4% of women
#bb1925 Tritanomaly 0.01% of the population

#ba0d30 hex color

#ba0d30 Color Information

#ba0d30 Color Conversion

Color Schemes with #ba0d30

Alternatives to #ba0d30

#ba0d30 Preview

Shades and Tints of #ba0d30

Tones of #ba0d30

Color Blindness Simulator