#ba302e Color Information
In a RGB color space, hex #ba302e is composed of 72.9% red, 18.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 75.3% yellow and 27.1% black. It has a hue angle of 0.9 degrees, a saturation of 60.3% and a lightness of 45.5%. #ba302e color hex could be obtained by blending #ff605c with #750000. Closest websafe color is: #cc3333.
-
- R 73
- G 19
- B 18
-
- C 0
- M 74
- Y 75
- K 27
● #ba302e color description : Strong red.
#ba302e Color Conversion
The hexadecimal color #ba302e has RGB values of R:186, G:48, B:46 and CMYK values of C:0, M:0.74, Y:0.75, K:0.27. Its decimal value is 12202030.
Hex triplet | ba302e | #ba302e |
---|---|---|
RGB Decimal | 186, 48, 46 | rgb(186,48,46) |
RGB Percent | 72.9, 18.8, 18 | rgb(72.9%,18.8%,18%) |
CMYK | 0, 74, 75, 27 | |
HSL | 0.9°, 60.3, 45.5 | hsl(0.9,60.3%,45.5%) |
HSV (or HSB) | 0.9°, 75.3, 72.9 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 42.388, 54.391, 34.752 |
---|---|
XYZ | 21.801, 12.753, 3.898 |
xyY | 0.567, 0.332, 12.753 |
CIE-LCH | 42.388, 64.546, 32.576 |
CIE-LUV | 42.388, 104.752, 23.286 |
Hunter-Lab | 35.711, 46.476, 18.526 |
Binary | 10111010, 00110000, 00101110 |
Color Schemes with #ba302e
Alternatives to #ba302e
Below, you can see some colors close to #ba302e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba302e Preview
This text has a font color of #ba302e.
<span style="color:#ba302e;">Text here</span>
This paragraph has a background color of #ba302e.
<p style="background-color:#ba302e;">Content here</p>
This element has a border color of #ba302e.
<div style="border:1px solid #ba302e;">Content here</div>
.text {color:#ba302e;}
.background {background-color:#ba302e;}
.border {border:1px solid #ba302e;}
Shades and Tints of #ba302e
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, #0d0303 is the darkest color, while #fefcfc is the lightest one.
-
#0d0303
#0d0303
rgb(13,3,3)
-
#1d0707
#1d0707
rgb(29,7,7)
-
#2c0b0b
#2c0b0b
rgb(44,11,11)
-
#3c100f
#3c100f
rgb(60,16,15)
-
#4c1413
#4c1413
rgb(76,20,19)
-
#5c1817
#5c1817
rgb(92,24,23)
-
#6b1c1b
#6b1c1b
rgb(107,28,27)
-
#7b201e
#7b201e
rgb(123,32,30)
-
#8b2422
#8b2422
rgb(139,36,34)
-
#9b2826
#9b2826
rgb(155,40,38)
-
#aa2c2a
#aa2c2a
rgb(170,44,42)
-
#ba302e
#ba302e
rgb(186,48,46)
-
#ca3432
#ca3432
rgb(202,52,50)
-
#d04240
#d04240
rgb(208,66,64)
-
#d4514f
#d4514f
rgb(212,81,79)
-
#d7615f
#d7615f
rgb(215,97,95)
-
#db706f
#db706f
rgb(219,112,111)
-
#df807e
#df807e
rgb(223,128,126)
-
#e38f8e
#e38f8e
rgb(227,143,142)
-
#e79f9e
#e79f9e
rgb(231,159,158)
-
#ebafae
#ebafae
rgb(235,175,174)
-
#efbebd
#efbebd
rgb(239,190,189)
-
#f3cecd
#f3cecd
rgb(243,206,205)
-
#f7dddd
#f7dddd
rgb(247,221,221)
-
#faeded
#faeded
rgb(250,237,237)
-
#fefcfc
#fefcfc
rgb(254,252,252)
Tones of #ba302e
A tone is produced by adding gray to any pure hue. In this case, #7c6d6c is the less saturated color, while #e70501 is the most saturated one.
-
#7c6d6c
#7c6d6c
rgb(124,109,108)
-
#846464
#846464
rgb(132,100,100)
-
#8d5b5b
#8d5b5b
rgb(141,91,91)
-
#965352
#965352
rgb(150,83,82)
-
#9f4a49
#9f4a49
rgb(159,74,73)
-
#a84140
#a84140
rgb(168,65,64)
-
#b13937
#b13937
rgb(177,57,55)
-
#ba302e
#ba302e
rgb(186,48,46)
-
#c32725
#c32725
rgb(195,39,37)
-
#cc1f1c
#cc1f1c
rgb(204,31,28)
-
#d51613
#d51613
rgb(213,22,19)
-
#de0d0a
#de0d0a
rgb(222,13,10)
-
#e70501
#e70501
rgb(231,5,1)
Color Blindness Simulator
Below, you can see how #ba302e 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.