#ba331a Color Information
In a RGB color space, hex #ba331a is composed of 72.9% red, 20% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 86% yellow and 27.1% black. It has a hue angle of 9.4 degrees, a saturation of 75.5% and a lightness of 41.6%. #ba331a color hex could be obtained by blending #ff6634 with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 20
- B 10
-
- C 0
- M 73
- Y 86
- K 27
● #ba331a color description : Strong red.
#ba331a Color Conversion
The hexadecimal color #ba331a has RGB values of R:186, G:51, B:26 and CMYK values of C:0, M:0.73, Y:0.86, K:0.27. Its decimal value is 12202778.
Hex triplet | ba331a | #ba331a |
---|---|---|
RGB Decimal | 186, 51, 26 | rgb(186,51,26) |
RGB Percent | 72.9, 20, 10.2 | rgb(72.9%,20%,10.2%) |
CMYK | 0, 73, 86, 27 | |
HSL | 9.4°, 75.5, 41.6 | hsl(9.4,75.5%,41.6%) |
HSV (or HSB) | 9.4°, 86, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 42.588, 52.688, 45.522 |
---|---|
XYZ | 21.621, 12.884, 2.326 |
xyY | 0.587, 0.35, 12.884 |
CIE-LCH | 42.588, 69.63, 40.827 |
CIE-LUV | 42.588, 106.288, 30.075 |
Hunter-Lab | 35.894, 44.706, 21.284 |
Binary | 10111010, 00110011, 00011010 |
Color Schemes with #ba331a
Alternatives to #ba331a
Below, you can see some colors close to #ba331a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba331a Preview
This text has a font color of #ba331a.
<span style="color:#ba331a;">Text here</span>
This paragraph has a background color of #ba331a.
<p style="background-color:#ba331a;">Content here</p>
This element has a border color of #ba331a.
<div style="border:1px solid #ba331a;">Content here</div>
.text {color:#ba331a;}
.background {background-color:#ba331a;}
.border {border:1px solid #ba331a;}
Shades and Tints of #ba331a
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, #0e0402 is the darkest color, while #fffcfc is the lightest one.
-
#0e0402
#0e0402
rgb(14,4,2)
-
#1f0904
#1f0904
rgb(31,9,4)
-
#300d07
#300d07
rgb(48,13,7)
-
#421209
#421209
rgb(66,18,9)
-
#53170c
#53170c
rgb(83,23,12)
-
#641b0e
#641b0e
rgb(100,27,14)
-
#752010
#752010
rgb(117,32,16)
-
#862513
#862513
rgb(134,37,19)
-
#982a15
#982a15
rgb(152,42,21)
-
#a92e18
#a92e18
rgb(169,46,24)
-
#ba331a
#ba331a
rgb(186,51,26)
-
#cb381c
#cb381c
rgb(203,56,28)
-
#dc3c1f
#dc3c1f
rgb(220,60,31)
-
#e2492d
#e2492d
rgb(226,73,45)
-
#e4583e
#e4583e
rgb(228,88,62)
-
#e66750
#e66750
rgb(230,103,80)
-
#e97661
#e97661
rgb(233,118,97)
-
#eb8572
#eb8572
rgb(235,133,114)
-
#ee9483
#ee9483
rgb(238,148,131)
-
#f0a394
#f0a394
rgb(240,163,148)
-
#f3b2a6
#f3b2a6
rgb(243,178,166)
-
#f5c1b7
#f5c1b7
rgb(245,193,183)
-
#f7cfc8
#f7cfc8
rgb(247,207,200)
-
#faded9
#faded9
rgb(250,222,217)
-
#fcedea
#fcedea
rgb(252,237,234)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #ba331a
A tone is produced by adding gray to any pure hue. In this case, #716563 is the less saturated color, while #d22202 is the most saturated one.
-
#716563
#716563
rgb(113,101,99)
-
#79605b
#79605b
rgb(121,96,91)
-
#815a53
#815a53
rgb(129,90,83)
-
#89554b
#89554b
rgb(137,85,75)
-
#914f43
#914f43
rgb(145,79,67)
-
#99493b
#99493b
rgb(153,73,59)
-
#a24432
#a24432
rgb(162,68,50)
-
#aa3e2a
#aa3e2a
rgb(170,62,42)
-
#b23922
#b23922
rgb(178,57,34)
-
#ba331a
#ba331a
rgb(186,51,26)
-
#c22d12
#c22d12
rgb(194,45,18)
-
#ca280a
#ca280a
rgb(202,40,10)
-
#d22202
#d22202
rgb(210,34,2)
Color Blindness Simulator
Below, you can see how #ba331a 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.