#ba0228 hex color

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

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

● #ba0228 color description : Strong red.

The hexadecimal color #ba0228 has RGB values of R:186, G:2, B:40 and CMYK values of C:0, M:0.99, Y:0.78, K:0.27. Its decimal value is 12190248.

Hex triplet	ba0228	`#ba0228`
RGB Decimal	186, 2, 40	`rgb(186,2,40)`
RGB Percent	72.9, 0.8, 15.7	`rgb(72.9%,0.8%,15.7%)`
CMYK	0, 99, 78, 27
HSL	347.6°, 97.9, 36.9	`hsl(347.6,97.9%,36.9%)`
HSV (or HSB)	347.6°, 98.9, 72.9
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.965, 63.693, 34.54
XYZ	20.656, 10.638, 2.973
xyY	0.603, 0.31, 10.638
CIE-LCH	38.965, 72.455, 28.471
CIE-LUV	38.965, 121.045, 19.172
Hunter-Lab	32.617, 55.962, 17.427
Binary	10111010, 00000010, 00101000

#ba0228
```
#ba0228 rgb(186,2,40)
```
#02ba94
```
#02ba94 rgb(2,186,148)
```

Complementary Color

#ba0284
```
#ba0284 rgb(186,2,132)
```
#ba0228
```
#ba0228 rgb(186,2,40)
```
#ba3802
```
#ba3802 rgb(186,56,2)
```

Analogous Color

#0284ba
```
#0284ba rgb(2,132,186)
```
#ba0228
```
#ba0228 rgb(186,2,40)
```
#02ba38
```
#02ba38 rgb(2,186,56)
```

Split Complementary Color

#0228ba
```
#0228ba rgb(2,40,186)
```
#ba0228
```
#ba0228 rgb(186,2,40)
```
#28ba02
```
#28ba02 rgb(40,186,2)
```

Triadic Color

#9402ba
```
#9402ba rgb(148,2,186)
```
#ba0228
```
#ba0228 rgb(186,2,40)
```
#28ba02
```
#28ba02 rgb(40,186,2)
```
#02ba94
```
#02ba94 rgb(2,186,148)
```

Tetradic Color

#6e0118
```
#6e0118 rgb(110,1,24)
```
#88011d
```
#88011d rgb(136,1,29)
```
#a10223
```
#a10223 rgb(161,2,35)
```
#ba0228
```
#ba0228 rgb(186,2,40)
```
#d3022d
```
#d3022d rgb(211,2,45)
```
#ec0333
```
#ec0333 rgb(236,3,51)
```
#fc0c3e
```
#fc0c3e rgb(252,12,62)
```

Monochromatic Color

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

#ba0256
```
#ba0256 rgb(186,2,86)
```
#ba0247
```
#ba0247 rgb(186,2,71)
```
#ba0237
```
#ba0237 rgb(186,2,55)
```
#ba0228
```
#ba0228 rgb(186,2,40)
```
#ba0219
```
#ba0219 rgb(186,2,25)
```
#ba0209
```
#ba0209 rgb(186,2,9)
```
#ba0a02
```
#ba0a02 rgb(186,10,2)
```

Similar Colors

Text with hexadecimal color #ba0228

This text has a font color of #ba0228.

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

#ba0228 background color

This paragraph has a background color of #ba0228.

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

#ba0228 border color

This element has a border color of #ba0228.

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

CSS codes

.text {color:#ba0228;}

.background {background-color:#ba0228;}

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

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

#0b0002
```
#0b0002 rgb(11,0,2)
```
#1f0007
```
#1f0007 rgb(31,0,7)
```
#32010b
```
#32010b rgb(50,1,11)
```
#46010f
```
#46010f rgb(70,1,15)
```
#590113
```
#590113 rgb(89,1,19)
```
#6c0117
```
#6c0117 rgb(108,1,23)
```
#80011b
```
#80011b rgb(128,1,27)
```
#930220
```
#930220 rgb(147,2,32)
```
#a70224
```
#a70224 rgb(167,2,36)
```
#ba0228
```
#ba0228 rgb(186,2,40)
```
#cd022c
```
#cd022c rgb(205,2,44)
```
#e10230
```
#e10230 rgb(225,2,48)
```
#f40335
```
#f40335 rgb(244,3,53)
```

Shade Color Variation

#fc0e3f
```
#fc0e3f rgb(252,14,63)
```
#fd214f
```
#fd214f rgb(253,33,79)
```
#fd355e
```
#fd355e rgb(253,53,94)
```
#fd486e
```
#fd486e rgb(253,72,110)
```
#fd5c7d
```
#fd5c7d rgb(253,92,125)
```
#fd6f8c
```
#fd6f8c rgb(253,111,140)
```
#fe829c
```
#fe829c rgb(254,130,156)
```
#fe96ab
```
#fe96ab rgb(254,150,171)
```
#fea9bb
```
#fea9bb rgb(254,169,187)
```
#febdca
```
#febdca rgb(254,189,202)
```
#fed0da
```
#fed0da rgb(254,208,218)
```
#ffe4e9
```
#ffe4e9 rgb(255,228,233)
```
#fff7f9
```
#fff7f9 rgb(255,247,249)
```

Tint Color Variation

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

#63595b
```
#63595b rgb(99,89,91)
```
#6a5257
```
#6a5257 rgb(106,82,87)
```
#724a52
```
#724a52 rgb(114,74,82)
```
#79434e
```
#79434e rgb(121,67,78)
```
#803c4a
```
#803c4a rgb(128,60,74)
```
#873546
```
#873546 rgb(135,53,70)
```
#8f2d41
```
#8f2d41 rgb(143,45,65)
```
#96263d
```
#96263d rgb(150,38,61)
```
#9d1f39
```
#9d1f39 rgb(157,31,57)
```
#a41835
```
#a41835 rgb(164,24,53)
```
#ac1030
```
#ac1030 rgb(172,16,48)
```
#b3092c
```
#b3092c rgb(179,9,44)
```
#ba0228
```
#ba0228 rgb(186,2,40)
```

Tone Color Variation

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

Dichromacy

#6c6447 Protanopia 1% of men
#7c5f26 Deuteranopia 1% of men
#bd1811 Tritanopia 0.001% of the population

Trichromacy

#88403b Protanomaly 1% of men, 0.01% of women
#923d26 Deuteranomaly 6% of men, 0.4% of women
#bb1019 Tritanomaly 0.01% of the population

#ba0228 hex color

#ba0228 Color Information

#ba0228 Color Conversion

Color Schemes with #ba0228

Alternatives to #ba0228

#ba0228 Preview

Shades and Tints of #ba0228

Tones of #ba0228

Color Blindness Simulator