#ba2a17 Color Information
In a RGB color space, hex #ba2a17 is composed of 72.9% red, 16.5% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 87.6% yellow and 27.1% black. It has a hue angle of 7 degrees, a saturation of 78% and a lightness of 41%. #ba2a17 color hex could be obtained by blending #ff542e with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 16
- B 9
-
- C 0
- M 77
- Y 88
- K 27
● #ba2a17 color description : Strong red.
#ba2a17 Color Conversion
The hexadecimal color #ba2a17 has RGB values of R:186, G:42, B:23 and CMYK values of C:0, M:0.77, Y:0.88, K:0.27. Its decimal value is 12200471.
Hex triplet | ba2a17 | #ba2a17 |
---|---|---|
RGB Decimal | 186, 42, 23 | rgb(186,42,23) |
RGB Percent | 72.9, 16.5, 9 | rgb(72.9%,16.5%,9%) |
CMYK | 0, 77, 88, 27 | |
HSL | 7°, 78, 41 | hsl(7,78%,41%) |
HSV (or HSB) | 7°, 87.6, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 41.469, 55.678, 45.968 |
---|---|
XYZ | 21.233, 12.16, 2.04 |
xyY | 0.599, 0.343, 12.16 |
CIE-LCH | 41.469, 72.202, 39.543 |
CIE-LUV | 41.469, 111.644, 28.798 |
Hunter-Lab | 34.871, 47.669, 20.941 |
Binary | 10111010, 00101010, 00010111 |
Color Schemes with #ba2a17
Alternatives to #ba2a17
Below, you can see some colors close to #ba2a17. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba2a17 Preview
This text has a font color of #ba2a17.
<span style="color:#ba2a17;">Text here</span>
This paragraph has a background color of #ba2a17.
<p style="background-color:#ba2a17;">Content here</p>
This element has a border color of #ba2a17.
<div style="border:1px solid #ba2a17;">Content here</div>
.text {color:#ba2a17;}
.background {background-color:#ba2a17;}
.border {border:1px solid #ba2a17;}
Shades and Tints of #ba2a17
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, #0b0301 is the darkest color, while #fefaf9 is the lightest one.
-
#0b0301
#0b0301
rgb(11,3,1)
-
#1d0704
#1d0704
rgb(29,7,4)
-
#2e0a06
#2e0a06
rgb(46,10,6)
-
#400e08
#400e08
rgb(64,14,8)
-
#51120a
#51120a
rgb(81,18,10)
-
#63160c
#63160c
rgb(99,22,12)
-
#741a0e
#741a0e
rgb(116,26,14)
-
#861e11
#861e11
rgb(134,30,17)
-
#972213
#972213
rgb(151,34,19)
-
#a92615
#a92615
rgb(169,38,21)
-
#ba2a17
#ba2a17
rgb(186,42,23)
-
#cb2e19
#cb2e19
rgb(203,46,25)
-
#dd321b
#dd321b
rgb(221,50,27)
-
#e43e27
#e43e27
rgb(228,62,39)
-
#e74d39
#e74d39
rgb(231,77,57)
-
#e95d4a
#e95d4a
rgb(233,93,74)
-
#eb6d5c
#eb6d5c
rgb(235,109,92)
-
#ed7c6d
#ed7c6d
rgb(237,124,109)
-
#ef8c7f
#ef8c7f
rgb(239,140,127)
-
#f19c90
#f19c90
rgb(241,156,144)
-
#f3aba2
#f3aba2
rgb(243,171,162)
-
#f6bbb3
#f6bbb3
rgb(246,187,179)
-
#f8cbc5
#f8cbc5
rgb(248,203,197)
-
#fadad6
#fadad6
rgb(250,218,214)
-
#fceae8
#fceae8
rgb(252,234,232)
-
#fefaf9
#fefaf9
rgb(254,250,249)
Tones of #ba2a17
A tone is produced by adding gray to any pure hue. In this case, #6a6867 is the less saturated color, while #ca1e07 is the most saturated one.
-
#6a6867
#6a6867
rgb(106,104,103)
-
#72615f
#72615f
rgb(114,97,95)
-
#7a5b57
#7a5b57
rgb(122,91,87)
-
#82554f
#82554f
rgb(130,85,79)
-
#8a4f47
#8a4f47
rgb(138,79,71)
-
#92493f
#92493f
rgb(146,73,63)
-
#9a4337
#9a4337
rgb(154,67,55)
-
#a23c2f
#a23c2f
rgb(162,60,47)
-
#aa3627
#aa3627
rgb(170,54,39)
-
#b2301f
#b2301f
rgb(178,48,31)
-
#ba2a17
#ba2a17
rgb(186,42,23)
-
#c2240f
#c2240f
rgb(194,36,15)
-
#ca1e07
#ca1e07
rgb(202,30,7)
Color Blindness Simulator
Below, you can see how #ba2a17 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.