#ba2214 Color Information
In a RGB color space, hex #ba2214 is composed of 72.9% red, 13.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 89.2% yellow and 27.1% black. It has a hue angle of 5.1 degrees, a saturation of 80.6% and a lightness of 40.4%. #ba2214 color hex could be obtained by blending #ff4428 with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 13
- B 8
-
- C 0
- M 82
- Y 89
- K 27
● #ba2214 color description : Strong red.
#ba2214 Color Conversion
The hexadecimal color #ba2214 has RGB values of R:186, G:34, B:20 and CMYK values of C:0, M:0.82, Y:0.89, K:0.27. Its decimal value is 12198420.
Hex triplet | ba2214 | #ba2214 |
---|---|---|
RGB Decimal | 186, 34, 20 | rgb(186,34,20) |
RGB Percent | 72.9, 13.3, 7.8 | rgb(72.9%,13.3%,7.8%) |
CMYK | 0, 82, 89, 27 | |
HSL | 5.1°, 80.6, 40.4 | hsl(5.1,80.6%,40.4%) |
HSV (or HSB) | 5.1°, 89.2, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 40.632, 57.923, 46.648 |
---|---|
XYZ | 20.949, 11.636, 1.805 |
xyY | 0.609, 0.338, 11.636 |
CIE-LCH | 40.632, 74.371, 38.846 |
CIE-LUV | 40.632, 115.811, 27.959 |
Hunter-Lab | 34.112, 49.925, 20.742 |
Binary | 10111010, 00100010, 00010100 |
Color Schemes with #ba2214
Alternatives to #ba2214
Below, you can see some colors close to #ba2214. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2214 Preview
This text has a font color of #ba2214.
<span style="color:#ba2214;">Text here</span>
This paragraph has a background color of #ba2214.
<p style="background-color:#ba2214;">Content here</p>
This element has a border color of #ba2214.
<div style="border:1px solid #ba2214;">Content here</div>
.text {color:#ba2214;}
.background {background-color:#ba2214;}
.border {border:1px solid #ba2214;}
Shades and Tints of #ba2214
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, #090201 is the darkest color, while #fef7f6 is the lightest one.
-
#090201
#090201
rgb(9,2,1)
-
#1b0503
#1b0503
rgb(27,5,3)
-
#2c0805
#2c0805
rgb(44,8,5)
-
#3e0b07
#3e0b07
rgb(62,11,7)
-
#500f09
#500f09
rgb(80,15,9)
-
#61120a
#61120a
rgb(97,18,10)
-
#73150c
#73150c
rgb(115,21,12)
-
#85180e
#85180e
rgb(133,24,14)
-
#971c10
#971c10
rgb(151,28,16)
-
#a81f12
#a81f12
rgb(168,31,18)
-
#ba2214
#ba2214
rgb(186,34,20)
-
#cc2516
#cc2516
rgb(204,37,22)
-
#dd2818
#dd2818
rgb(221,40,24)
-
#e73222
#e73222
rgb(231,50,34)
-
#e94333
#e94333
rgb(233,67,51)
-
#eb5345
#eb5345
rgb(235,83,69)
-
#ed6357
#ed6357
rgb(237,99,87)
-
#ef7468
#ef7468
rgb(239,116,104)
-
#f1847a
#f1847a
rgb(241,132,122)
-
#f3958c
#f3958c
rgb(243,149,140)
-
#f5a59e
#f5a59e
rgb(245,165,158)
-
#f6b5af
#f6b5af
rgb(246,181,175)
-
#f8c6c1
#f8c6c1
rgb(248,198,193)
-
#fad6d3
#fad6d3
rgb(250,214,211)
-
#fce6e4
#fce6e4
rgb(252,230,228)
-
#fef7f6
#fef7f6
rgb(254,247,246)
Tones of #ba2214
A tone is produced by adding gray to any pure hue. In this case, #6b6463 is the less saturated color, while #ca1504 is the most saturated one.
-
#6b6463
#6b6463
rgb(107,100,99)
-
#735d5b
#735d5b
rgb(115,93,91)
-
#7b5753
#7b5753
rgb(123,87,83)
-
#83504b
#83504b
rgb(131,80,75)
-
#8a4a44
#8a4a44
rgb(138,74,68)
-
#92433c
#92433c
rgb(146,67,60)
-
#9a3c34
#9a3c34
rgb(154,60,52)
-
#a2362c
#a2362c
rgb(162,54,44)
-
#aa2f24
#aa2f24
rgb(170,47,36)
-
#b2291c
#b2291c
rgb(178,41,28)
-
#ba2214
#ba2214
rgb(186,34,20)
-
#c21b0c
#c21b0c
rgb(194,27,12)
-
#ca1504
#ca1504
rgb(202,21,4)
Color Blindness Simulator
Below, you can see how #ba2214 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.