#ba2217 Color Information
In a RGB color space, hex #ba2217 is composed of 72.9% red, 13.3% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 87.6% yellow and 27.1% black. It has a hue angle of 4 degrees, a saturation of 78% and a lightness of 41%. #ba2217 color hex could be obtained by blending #ff442e with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 13
- B 9
-
- C 0
- M 82
- Y 88
- K 27
● #ba2217 color description : Strong red.
#ba2217 Color Conversion
The hexadecimal color #ba2217 has RGB values of R:186, G:34, B:23 and CMYK values of C:0, M:0.82, Y:0.88, K:0.27. Its decimal value is 12198423.
Hex triplet | ba2217 | #ba2217 |
---|---|---|
RGB Decimal | 186, 34, 23 | rgb(186,34,23) |
RGB Percent | 72.9, 13.3, 9 | rgb(72.9%,13.3%,9%) |
CMYK | 0, 82, 88, 27 | |
HSL | 4°, 78, 41 | hsl(4,78%,41%) |
HSV (or HSB) | 4°, 87.6, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 40.651, 57.98, 45.309 |
---|---|
XYZ | 20.977, 11.648, 1.954 |
xyY | 0.607, 0.337, 11.648 |
CIE-LCH | 40.651, 73.583, 38.006 |
CIE-LUV | 40.651, 115.453, 27.355 |
Hunter-Lab | 34.129, 49.991, 20.495 |
Binary | 10111010, 00100010, 00010111 |
Color Schemes with #ba2217
Alternatives to #ba2217
Below, you can see some colors close to #ba2217. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2217 Preview
This text has a font color of #ba2217.
<span style="color:#ba2217;">Text here</span>
This paragraph has a background color of #ba2217.
<p style="background-color:#ba2217;">Content here</p>
This element has a border color of #ba2217.
<div style="border:1px solid #ba2217;">Content here</div>
.text {color:#ba2217;}
.background {background-color:#ba2217;}
.border {border:1px solid #ba2217;}
Shades and Tints of #ba2217
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, #0b0201 is the darkest color, while #fef9f9 is the lightest one.
-
#0b0201
#0b0201
rgb(11,2,1)
-
#1d0504
#1d0504
rgb(29,5,4)
-
#2e0806
#2e0806
rgb(46,8,6)
-
#400c08
#400c08
rgb(64,12,8)
-
#510f0a
#510f0a
rgb(81,15,10)
-
#63120c
#63120c
rgb(99,18,12)
-
#74150e
#74150e
rgb(116,21,14)
-
#861811
#861811
rgb(134,24,17)
-
#971c13
#971c13
rgb(151,28,19)
-
#a91f15
#a91f15
rgb(169,31,21)
-
#ba2217
#ba2217
rgb(186,34,23)
-
#cb2519
#cb2519
rgb(203,37,25)
-
#dd281b
#dd281b
rgb(221,40,27)
-
#e43427
#e43427
rgb(228,52,39)
-
#e74539
#e74539
rgb(231,69,57)
-
#e9554a
#e9554a
rgb(233,85,74)
-
#eb665c
#eb665c
rgb(235,102,92)
-
#ed766d
#ed766d
rgb(237,118,109)
-
#ef867f
#ef867f
rgb(239,134,127)
-
#f19790
#f19790
rgb(241,151,144)
-
#f3a7a2
#f3a7a2
rgb(243,167,162)
-
#f6b8b3
#f6b8b3
rgb(246,184,179)
-
#f8c8c5
#f8c8c5
rgb(248,200,197)
-
#fad8d6
#fad8d6
rgb(250,216,214)
-
#fce9e8
#fce9e8
rgb(252,233,232)
-
#fef9f9
#fef9f9
rgb(254,249,249)
Tones of #ba2217
A tone is produced by adding gray to any pure hue. In this case, #6a6867 is the less saturated color, while #ca1407 is the most saturated one.
-
#6a6867
#6a6867
rgb(106,104,103)
-
#72615f
#72615f
rgb(114,97,95)
-
#7a5a57
#7a5a57
rgb(122,90,87)
-
#82534f
#82534f
rgb(130,83,79)
-
#8a4c47
#8a4c47
rgb(138,76,71)
-
#92453f
#92453f
rgb(146,69,63)
-
#9a3e37
#9a3e37
rgb(154,62,55)
-
#a2372f
#a2372f
rgb(162,55,47)
-
#aa3027
#aa3027
rgb(170,48,39)
-
#b2291f
#b2291f
rgb(178,41,31)
-
#ba2217
#ba2217
rgb(186,34,23)
-
#c21b0f
#c21b0f
rgb(194,27,15)
-
#ca1407
#ca1407
rgb(202,20,7)
Color Blindness Simulator
Below, you can see how #ba2217 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.