#ba303e Color Information
In a RGB color space, hex #ba303e is composed of 72.9% red, 18.8% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 66.7% yellow and 27.1% black. It has a hue angle of 353.9 degrees, a saturation of 59% and a lightness of 45.9%. #ba303e color hex could be obtained by blending #ff607c with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 19
- B 24
-
- C 0
- M 74
- Y 67
- K 27
● #ba303e color description : Moderate red.
#ba303e Color Conversion
The hexadecimal color #ba303e has RGB values of R:186, G:48, B:62 and CMYK values of C:0, M:0.74, Y:0.67, K:0.27. Its decimal value is 12202046.
Hex triplet | ba303e | #ba303e |
---|---|---|
RGB Decimal | 186, 48, 62 | rgb(186,48,62) |
RGB Percent | 72.9, 18.8, 24.3 | rgb(72.9%,18.8%,24.3%) |
CMYK | 0, 74, 67, 27 | |
HSL | 353.9°, 59, 45.9 | hsl(353.9,59%,45.9%) |
HSV (or HSB) | 353.9°, 74.2, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 42.617, 55.156, 25.468 |
---|---|
XYZ | 22.177, 12.903, 5.88 |
xyY | 0.541, 0.315, 12.903 |
CIE-LCH | 42.617, 60.752, 24.785 |
CIE-LUV | 42.617, 100.989, 16.228 |
Hunter-Lab | 35.921, 47.34, 15.44 |
Binary | 10111010, 00110000, 00111110 |
Color Schemes with #ba303e
Alternatives to #ba303e
Below, you can see some colors close to #ba303e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba303e Preview
This text has a font color of #ba303e.
<span style="color:#ba303e;">Text here</span>
This paragraph has a background color of #ba303e.
<p style="background-color:#ba303e;">Content here</p>
This element has a border color of #ba303e.
<div style="border:1px solid #ba303e;">Content here</div>
.text {color:#ba303e;}
.background {background-color:#ba303e;}
.border {border:1px solid #ba303e;}
Shades and Tints of #ba303e
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, #0e0405 is the darkest color, while #fffefe is the lightest one.
-
#0e0405
#0e0405
rgb(14,4,5)
-
#1e080a
#1e080a
rgb(30,8,10)
-
#2e0c0f
#2e0c0f
rgb(46,12,15)
-
#3d1014
#3d1014
rgb(61,16,20)
-
#4d141a
#4d141a
rgb(77,20,26)
-
#5c181f
#5c181f
rgb(92,24,31)
-
#6c1c24
#6c1c24
rgb(108,28,36)
-
#7c2029
#7c2029
rgb(124,32,41)
-
#8b242e
#8b242e
rgb(139,36,46)
-
#9b2834
#9b2834
rgb(155,40,52)
-
#aa2c39
#aa2c39
rgb(170,44,57)
-
#ba303e
#ba303e
rgb(186,48,62)
-
#ca3443
#ca3443
rgb(202,52,67)
-
#ce4351
#ce4351
rgb(206,67,81)
-
#d2525f
#d2525f
rgb(210,82,95)
-
#d6626e
#d6626e
rgb(214,98,110)
-
#db727c
#db727c
rgb(219,114,124)
-
#df818b
#df818b
rgb(223,129,139)
-
#e39199
#e39199
rgb(227,145,153)
-
#e7a0a7
#e7a0a7
rgb(231,160,167)
-
#ebb0b6
#ebb0b6
rgb(235,176,182)
-
#efc0c4
#efc0c4
rgb(239,192,196)
-
#f3cfd3
#f3cfd3
rgb(243,207,211)
-
#f7dfe1
#f7dfe1
rgb(247,223,225)
-
#fbeef0
#fbeef0
rgb(251,238,240)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ba303e
A tone is produced by adding gray to any pure hue. In this case, #7b6f70 is the less saturated color, while #e7031a is the most saturated one.
-
#7b6f70
#7b6f70
rgb(123,111,112)
-
#846669
#846669
rgb(132,102,105)
-
#8d5d62
#8d5d62
rgb(141,93,98)
-
#96545b
#96545b
rgb(150,84,91)
-
#9f4b54
#9f4b54
rgb(159,75,84)
-
#a8424c
#a8424c
rgb(168,66,76)
-
#b13945
#b13945
rgb(177,57,69)
-
#ba303e
#ba303e
rgb(186,48,62)
-
#c32737
#c32737
rgb(195,39,55)
-
#cc1e30
#cc1e30
rgb(204,30,48)
-
#d51528
#d51528
rgb(213,21,40)
-
#de0c21
#de0c21
rgb(222,12,33)
-
#e7031a
#e7031a
rgb(231,3,26)
Color Blindness Simulator
Below, you can see how #ba303e 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.