#ba3312 Color Information
In a RGB color space, hex #ba3312 is composed of 72.9% red, 20% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 90.3% yellow and 27.1% black. It has a hue angle of 11.8 degrees, a saturation of 82.4% and a lightness of 40%. #ba3312 color hex could be obtained by blending #ff6624 with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 20
- B 7
-
- C 0
- M 73
- Y 90
- K 27
● #ba3312 color description : Strong red.
#ba3312 Color Conversion
The hexadecimal color #ba3312 has RGB values of R:186, G:51, B:18 and CMYK values of C:0, M:0.73, Y:0.9, K:0.27. Its decimal value is 12202770.
Hex triplet | ba3312 | #ba3312 |
---|---|---|
RGB Decimal | 186, 51, 18 | rgb(186,51,18) |
RGB Percent | 72.9, 20, 7.1 | rgb(72.9%,20%,7.1%) |
CMYK | 0, 73, 90, 27 | |
HSL | 11.8°, 82.4, 40 | hsl(11.8,82.4%,40%) |
HSV (or HSB) | 11.8°, 90.3, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 42.541, 52.527, 48.887 |
---|---|
XYZ | 21.544, 12.853, 1.919 |
xyY | 0.593, 0.354, 12.853 |
CIE-LCH | 42.541, 71.756, 42.945 |
CIE-LUV | 42.541, 107.12, 31.656 |
Hunter-Lab | 35.851, 44.525, 21.923 |
Binary | 10111010, 00110011, 00010010 |
Color Schemes with #ba3312
Alternatives to #ba3312
Below, you can see some colors close to #ba3312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba3312 Preview
This text has a font color of #ba3312.
<span style="color:#ba3312;">Text here</span>
This paragraph has a background color of #ba3312.
<p style="background-color:#ba3312;">Content here</p>
This element has a border color of #ba3312.
<div style="border:1px solid #ba3312;">Content here</div>
.text {color:#ba3312;}
.background {background-color:#ba3312;}
.border {border:1px solid #ba3312;}
Shades and Tints of #ba3312
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, #070201 is the darkest color, while #fef6f4 is the lightest one.
-
#070201
#070201
rgb(7,2,1)
-
#190702
#190702
rgb(25,7,2)
-
#2b0c04
#2b0c04
rgb(43,12,4)
-
#3d1106
#3d1106
rgb(61,17,6)
-
#4f1608
#4f1608
rgb(79,22,8)
-
#611a09
#611a09
rgb(97,26,9)
-
#721f0b
#721f0b
rgb(114,31,11)
-
#84240d
#84240d
rgb(132,36,13)
-
#96290f
#96290f
rgb(150,41,15)
-
#a82e10
#a82e10
rgb(168,46,16)
-
#ba3312
#ba3312
rgb(186,51,18)
-
#cc3814
#cc3814
rgb(204,56,20)
-
#de3d15
#de3d15
rgb(222,61,21)
-
#e9461e
#e9461e
rgb(233,70,30)
-
#eb5430
#eb5430
rgb(235,84,48)
-
#ed6341
#ed6341
rgb(237,99,65)
-
#ee7253
#ee7253
rgb(238,114,83)
-
#f08065
#f08065
rgb(240,128,101)
-
#f28f77
#f28f77
rgb(242,143,119)
-
#f49e89
#f49e89
rgb(244,158,137)
-
#f5ad9b
#f5ad9b
rgb(245,173,155)
-
#f7bbad
#f7bbad
rgb(247,187,173)
-
#f9cabf
#f9cabf
rgb(249,202,191)
-
#fbd9d1
#fbd9d1
rgb(251,217,209)
-
#fce7e2
#fce7e2
rgb(252,231,226)
-
#fef6f4
#fef6f4
rgb(254,246,244)
Tones of #ba3312
A tone is produced by adding gray to any pure hue. In this case, #6c6360 is the less saturated color, while #ca2902 is the most saturated one.
-
#6c6360
#6c6360
rgb(108,99,96)
-
#735e59
#735e59
rgb(115,94,89)
-
#7b5951
#7b5951
rgb(123,89,81)
-
#835449
#835449
rgb(131,84,73)
-
#8b5041
#8b5041
rgb(139,80,65)
-
#934b39
#934b39
rgb(147,75,57)
-
#9b4631
#9b4631
rgb(155,70,49)
-
#a2412a
#a2412a
rgb(162,65,42)
-
#aa3d22
#aa3d22
rgb(170,61,34)
-
#b2381a
#b2381a
rgb(178,56,26)
-
#ba3312
#ba3312
rgb(186,51,18)
-
#c22e0a
#c22e0a
rgb(194,46,10)
-
#ca2902
#ca2902
rgb(202,41,2)
Color Blindness Simulator
Below, you can see how #ba3312 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.