#ba3316 Color Information
In a RGB color space, hex #ba3316 is composed of 72.9% red, 20% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 88.2% yellow and 27.1% black. It has a hue angle of 10.6 degrees, a saturation of 78.8% and a lightness of 40.8%. #ba3316 color hex could be obtained by blending #ff662c with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 20
- B 9
-
- C 0
- M 73
- Y 88
- K 27
● #ba3316 color description : Strong red.
#ba3316 Color Conversion
The hexadecimal color #ba3316 has RGB values of R:186, G:51, B:22 and CMYK values of C:0, M:0.73, Y:0.88, K:0.27. Its decimal value is 12202774.
Hex triplet | ba3316 | #ba3316 |
---|---|---|
RGB Decimal | 186, 51, 22 | rgb(186,51,22) |
RGB Percent | 72.9, 20, 8.6 | rgb(72.9%,20%,8.6%) |
CMYK | 0, 73, 88, 27 | |
HSL | 10.6°, 78.8, 40.8 | hsl(10.6,78.8%,40.8%) |
HSV (or HSB) | 10.6°, 88.2, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 42.563, 52.601, 47.28 |
---|---|
XYZ | 21.579, 12.867, 2.106 |
xyY | 0.59, 0.352, 12.867 |
CIE-LCH | 42.563, 70.727, 41.951 |
CIE-LUV | 42.563, 106.735, 30.924 |
Hunter-Lab | 35.871, 44.609, 21.628 |
Binary | 10111010, 00110011, 00010110 |
Color Schemes with #ba3316
Alternatives to #ba3316
Below, you can see some colors close to #ba3316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba3316 Preview
This text has a font color of #ba3316.
<span style="color:#ba3316;">Text here</span>
This paragraph has a background color of #ba3316.
<p style="background-color:#ba3316;">Content here</p>
This element has a border color of #ba3316.
<div style="border:1px solid #ba3316;">Content here</div>
.text {color:#ba3316;}
.background {background-color:#ba3316;}
.border {border:1px solid #ba3316;}
Shades and Tints of #ba3316
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 #fef9f8 is the lightest one.
-
#0b0301
#0b0301
rgb(11,3,1)
-
#1c0803
#1c0803
rgb(28,8,3)
-
#2e0d05
#2e0d05
rgb(46,13,5)
-
#3f1107
#3f1107
rgb(63,17,7)
-
#51160a
#51160a
rgb(81,22,10)
-
#621b0c
#621b0c
rgb(98,27,12)
-
#74200e
#74200e
rgb(116,32,14)
-
#852510
#852510
rgb(133,37,16)
-
#972912
#972912
rgb(151,41,18)
-
#a82e14
#a82e14
rgb(168,46,20)
-
#ba3316
#ba3316
rgb(186,51,22)
-
#cc3818
#cc3818
rgb(204,56,24)
-
#dd3d1a
#dd3d1a
rgb(221,61,26)
-
#e54726
#e54726
rgb(229,71,38)
-
#e75637
#e75637
rgb(231,86,55)
-
#e96549
#e96549
rgb(233,101,73)
-
#ec745a
#ec745a
rgb(236,116,90)
-
#ee836c
#ee836c
rgb(238,131,108)
-
#f0917d
#f0917d
rgb(240,145,125)
-
#f2a08f
#f2a08f
rgb(242,160,143)
-
#f4afa0
#f4afa0
rgb(244,175,160)
-
#f6beb2
#f6beb2
rgb(246,190,178)
-
#f8cdc3
#f8cdc3
rgb(248,205,195)
-
#fadcd5
#fadcd5
rgb(250,220,213)
-
#fceae7
#fceae7
rgb(252,234,231)
-
#fef9f8
#fef9f8
rgb(254,249,248)
Tones of #ba3316
A tone is produced by adding gray to any pure hue. In this case, #6a6766 is the less saturated color, while #ca2906 is the most saturated one.
-
#6a6766
#6a6766
rgb(106,103,102)
-
#72625e
#72625e
rgb(114,98,94)
-
#7a5c56
#7a5c56
rgb(122,92,86)
-
#82574e
#82574e
rgb(130,87,78)
-
#8a5246
#8a5246
rgb(138,82,70)
-
#924d3e
#924d3e
rgb(146,77,62)
-
#9a4836
#9a4836
rgb(154,72,54)
-
#a2432e
#a2432e
rgb(162,67,46)
-
#aa3d26
#aa3d26
rgb(170,61,38)
-
#b2381e
#b2381e
rgb(178,56,30)
-
#ba3316
#ba3316
rgb(186,51,22)
-
#c22e0e
#c22e0e
rgb(194,46,14)
-
#ca2906
#ca2906
rgb(202,41,6)
Color Blindness Simulator
Below, you can see how #ba3316 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.