#ba3502 Color Information
In a RGB color space, hex #ba3502 is composed of 72.9% red, 20.8% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.5% magenta, 98.9% yellow and 27.1% black. It has a hue angle of 16.6 degrees, a saturation of 97.9% and a lightness of 36.9%. #ba3502 color hex could be obtained by blending #ff6a04 with #750000. Closest websafe color is: #cc3300.
-
- R 73
- G 21
- B 1
-
- C 0
- M 72
- Y 99
- K 27
● #ba3502 color description : Strong orange.
#ba3502 Color Conversion
The hexadecimal color #ba3502 has RGB values of R:186, G:53, B:2 and CMYK values of C:0, M:0.72, Y:0.99, K:0.27. Its decimal value is 12203266.
Hex triplet | ba3502 | #ba3502 |
---|---|---|
RGB Decimal | 186, 53, 2 | rgb(186,53,2) |
RGB Percent | 72.9, 20.8, 0.8 | rgb(72.9%,20.8%,0.8%) |
CMYK | 0, 72, 99, 27 | |
HSL | 16.6°, 97.9, 36.9 | hsl(16.6,97.9%,36.9%) |
HSV (or HSB) | 16.6°, 98.9, 72.9 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 42.752, 51.576, 54.095 |
---|---|
XYZ | 21.535, 12.992, 1.431 |
xyY | 0.599, 0.361, 12.992 |
CIE-LCH | 42.752, 74.742, 46.365 |
CIE-LUV | 42.752, 106.952, 34.152 |
Hunter-Lab | 36.045, 43.566, 22.877 |
Binary | 10111010, 00110101, 00000010 |
Color Schemes with #ba3502
Alternatives to #ba3502
Below, you can see some colors close to #ba3502. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba3502 Preview
This text has a font color of #ba3502.
<span style="color:#ba3502;">Text here</span>
This paragraph has a background color of #ba3502.
<p style="background-color:#ba3502;">Content here</p>
This element has a border color of #ba3502.
<div style="border:1px solid #ba3502;">Content here</div>
.text {color:#ba3502;}
.background {background-color:#ba3502;}
.border {border:1px solid #ba3502;}
Shades and Tints of #ba3502
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, #0b0300 is the darkest color, while #fff9f7 is the lightest one.
-
#0b0300
#0b0300
rgb(11,3,0)
-
#1f0900
#1f0900
rgb(31,9,0)
-
#320e01
#320e01
rgb(50,14,1)
-
#461401
#461401
rgb(70,20,1)
-
#591901
#591901
rgb(89,25,1)
-
#6c1f01
#6c1f01
rgb(108,31,1)
-
#802401
#802401
rgb(128,36,1)
-
#932a02
#932a02
rgb(147,42,2)
-
#a72f02
#a72f02
rgb(167,47,2)
-
#ba3502
#ba3502
rgb(186,53,2)
-
#cd3b02
#cd3b02
rgb(205,59,2)
-
#e14002
#e14002
rgb(225,64,2)
-
#f44603
#f44603
rgb(244,70,3)
-
#fc500e
#fc500e
rgb(252,80,14)
-
#fd5e21
#fd5e21
rgb(253,94,33)
-
#fd6c35
#fd6c35
rgb(253,108,53)
-
#fd7a48
#fd7a48
rgb(253,122,72)
-
#fd885c
#fd885c
rgb(253,136,92)
-
#fd976f
#fd976f
rgb(253,151,111)
-
#fea582
#fea582
rgb(254,165,130)
-
#feb396
#feb396
rgb(254,179,150)
-
#fec1a9
#fec1a9
rgb(254,193,169)
-
#fecfbd
#fecfbd
rgb(254,207,189)
-
#feddd0
#feddd0
rgb(254,221,208)
-
#ffebe4
#ffebe4
rgb(255,235,228)
-
#fff9f7
#fff9f7
rgb(255,249,247)
Tones of #ba3502
A tone is produced by adding gray to any pure hue. In this case, #635c59 is the less saturated color, while #ba3502 is the most saturated one.
-
#635c59
#635c59
rgb(99,92,89)
-
#6a5852
#6a5852
rgb(106,88,82)
-
#72554a
#72554a
rgb(114,85,74)
-
#795243
#795243
rgb(121,82,67)
-
#804f3c
#804f3c
rgb(128,79,60)
-
#874c35
#874c35
rgb(135,76,53)
-
#8f482d
#8f482d
rgb(143,72,45)
-
#964526
#964526
rgb(150,69,38)
-
#9d421f
#9d421f
rgb(157,66,31)
-
#a43f18
#a43f18
rgb(164,63,24)
-
#ac3b10
#ac3b10
rgb(172,59,16)
-
#b33809
#b33809
rgb(179,56,9)
-
#ba3502
#ba3502
rgb(186,53,2)
Color Blindness Simulator
Below, you can see how #ba3502 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.