#ba0b2a Color Information
In a RGB color space, hex #ba0b2a is composed of 72.9% red, 4.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.1% magenta, 77.4% yellow and 27.1% black. It has a hue angle of 349.4 degrees, a saturation of 88.8% and a lightness of 38.6%. #ba0b2a color hex could be obtained by blending #ff1654 with #750000. Closest websafe color is: #cc0033.
-
- R 73
- G 4
- B 16
-
- C 0
- M 94
- Y 77
- K 27
● #ba0b2a color description : Strong red.
#ba0b2a Color Conversion
The hexadecimal color #ba0b2a has RGB values of R:186, G:11, B:42 and CMYK values of C:0, M:0.94, Y:0.77, K:0.27. Its decimal value is 12192554.
| Hex triplet | ba0b2a | #ba0b2a |
|---|---|---|
| RGB Decimal | 186, 11, 42 | rgb(186,11,42) |
| RGB Percent | 72.9, 4.3, 16.5 | rgb(72.9%,4.3%,16.5%) |
| CMYK | 0, 94, 77, 27 | |
| HSL | 349.4°, 88.8, 38.6 | hsl(349.4,88.8%,38.6%) |
| HSV (or HSB) | 349.4°, 94.1, 72.9 | |
| Web Safe | cc0033 | #cc0033 |
| CIE-LAB | 39.324, 62.788, 33.732 |
|---|---|
| XYZ | 20.788, 10.848, 3.19 |
| xyY | 0.597, 0.311, 10.848 |
| CIE-LCH | 39.324, 71.275, 28.246 |
| CIE-LUV | 39.324, 119.022, 19.082 |
| Hunter-Lab | 32.937, 55.023, 17.314 |
| Binary | 10111010, 00001011, 00101010 |
Color Schemes with #ba0b2a
Alternatives to #ba0b2a
Below, you can see some colors close to #ba0b2a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba0b2a Preview
This text has a font color of #ba0b2a.
<span style="color:#ba0b2a;">Text here</span>
This paragraph has a background color of #ba0b2a.
<p style="background-color:#ba0b2a;">Content here</p>
This element has a border color of #ba0b2a.
<div style="border:1px solid #ba0b2a;">Content here</div>
.text {color:#ba0b2a;}
.background {background-color:#ba0b2a;}
.border {border:1px solid #ba0b2a;}
Shades and Tints of #ba0b2a
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, #010000 is the darkest color, while #feedf0 is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#130104
#130104rgb(19,1,4) -
#260209
#260209rgb(38,2,9) -
#38030d
#38030drgb(56,3,13) -
#4b0411
#4b0411rgb(75,4,17) -
#5d0615
#5d0615rgb(93,6,21) -
#700719
#700719rgb(112,7,25) -
#82081d
#82081drgb(130,8,29) -
#950922
#950922rgb(149,9,34) -
#a70a26
#a70a26rgb(167,10,38) -
#ba0b2a
#ba0b2argb(186,11,42) -
#cd0c2e
#cd0c2ergb(205,12,46) -
#df0d32
#df0d32rgb(223,13,50)
-
#f10f37
#f10f37rgb(241,15,55) -
#f22246
#f22246rgb(242,34,70) -
#f33456
#f33456rgb(243,52,86) -
#f44765
#f44765rgb(244,71,101) -
#f55975
#f55975rgb(245,89,117) -
#f66c84
#f66c84rgb(246,108,132) -
#f77e94
#f77e94rgb(247,126,148) -
#f891a3
#f891a3rgb(248,145,163) -
#faa3b2
#faa3b2rgb(250,163,178) -
#fbb6c2
#fbb6c2rgb(251,182,194) -
#fcc8d1
#fcc8d1rgb(252,200,209) -
#fddbe1
#fddbe1rgb(253,219,225) -
#feedf0
#feedf0rgb(254,237,240)
Tones of #ba0b2a
A tone is produced by adding gray to any pure hue. In this case, #675e60 is the less saturated color, while #c20325 is the most saturated one.
-
#675e60
#675e60rgb(103,94,96) -
#6e575b
#6e575brgb(110,87,91) -
#764f56
#764f56rgb(118,79,86) -
#7d4851
#7d4851rgb(125,72,81) -
#85404c
#85404crgb(133,64,76) -
#8d3847
#8d3847rgb(141,56,71) -
#943142
#943142rgb(148,49,66) -
#9c293e
#9c293ergb(156,41,62) -
#a32239
#a32239rgb(163,34,57) -
#ab1a34
#ab1a34rgb(171,26,52) -
#b2132f
#b2132frgb(178,19,47) -
#ba0b2a
#ba0b2argb(186,11,42) -
#c20325
#c20325rgb(194,3,37)
Color Blindness Simulator
Below, you can see how #ba0b2a 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.
