#ba580e Color Information
In a RGB color space, hex #ba580e is composed of 72.9% red, 34.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 92.5% yellow and 27.1% black. It has a hue angle of 25.8 degrees, a saturation of 86% and a lightness of 39.2%. #ba580e color hex could be obtained by blending #ffb01c with #750000. Closest websafe color is: #cc6600.
-
- R 73
- G 35
- B 5
-
- C 0
- M 53
- Y 92
- K 27
● #ba580e color description : Strong orange.
#ba580e Color Conversion
The hexadecimal color #ba580e has RGB values of R:186, G:88, B:14 and CMYK values of C:0, M:0.53, Y:0.92, K:0.27. Its decimal value is 12212238.
Hex triplet | ba580e | #ba580e |
---|---|---|
RGB Decimal | 186, 88, 14 | rgb(186,88,14) |
RGB Percent | 72.9, 34.5, 5.5 | rgb(72.9%,34.5%,5.5%) |
CMYK | 0, 53, 92, 27 | |
HSL | 25.8°, 86, 39.2 | hsl(25.8,86%,39.2%) |
HSV (or HSB) | 25.8°, 92.5, 72.9 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 48.825, 35.816, 54.698 |
---|---|
XYZ | 23.82, 17.453, 2.53 |
xyY | 0.544, 0.398, 17.453 |
CIE-LCH | 48.825, 65.381, 56.783 |
CIE-LUV | 48.825, 80.689, 42.773 |
Hunter-Lab | 41.776, 28.667, 25.653 |
Binary | 10111010, 01011000, 00001110 |
Color Schemes with #ba580e
Alternatives to #ba580e
Below, you can see some colors close to #ba580e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba580e Preview
This text has a font color of #ba580e.
<span style="color:#ba580e;">Text here</span>
This paragraph has a background color of #ba580e.
<p style="background-color:#ba580e;">Content here</p>
This element has a border color of #ba580e.
<div style="border:1px solid #ba580e;">Content here</div>
.text {color:#ba580e;}
.background {background-color:#ba580e;}
.border {border:1px solid #ba580e;}
Shades and Tints of #ba580e
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, #040200 is the darkest color, while #fef6f0 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#160a02
#160a02
rgb(22,10,2)
-
#281303
#281303
rgb(40,19,3)
-
#3a1c04
#3a1c04
rgb(58,28,4)
-
#4d2406
#4d2406
rgb(77,36,6)
-
#5f2d07
#5f2d07
rgb(95,45,7)
-
#713509
#713509
rgb(113,53,9)
-
#833e0a
#833e0a
rgb(131,62,10)
-
#96470b
#96470b
rgb(150,71,11)
-
#a84f0d
#a84f0d
rgb(168,79,13)
-
#ba580e
#ba580e
rgb(186,88,14)
-
#cc610f
#cc610f
rgb(204,97,15)
-
#de6911
#de6911
rgb(222,105,17)
-
#ed7215
#ed7215
rgb(237,114,21)
-
#ef7d28
#ef7d28
rgb(239,125,40)
-
#f0883a
#f0883a
rgb(240,136,58)
-
#f2934c
#f2934c
rgb(242,147,76)
-
#f39e5e
#f39e5e
rgb(243,158,94)
-
#f4a971
#f4a971
rgb(244,169,113)
-
#f6b483
#f6b483
rgb(246,180,131)
-
#f7bf95
#f7bf95
rgb(247,191,149)
-
#f8caa7
#f8caa7
rgb(248,202,167)
-
#fad5ba
#fad5ba
rgb(250,213,186)
-
#fbe0cc
#fbe0cc
rgb(251,224,204)
-
#fdebde
#fdebde
rgb(253,235,222)
-
#fef6f0
#fef6f0
rgb(254,246,240)
Tones of #ba580e
A tone is produced by adding gray to any pure hue. In this case, #656463 is the less saturated color, while #c25706 is the most saturated one.
-
#656463
#656463
rgb(101,100,99)
-
#6d635b
#6d635b
rgb(109,99,91)
-
#756253
#756253
rgb(117,98,83)
-
#7c614c
#7c614c
rgb(124,97,76)
-
#846044
#846044
rgb(132,96,68)
-
#8c5e3c
#8c5e3c
rgb(140,94,60)
-
#945d34
#945d34
rgb(148,93,52)
-
#9b5c2d
#9b5c2d
rgb(155,92,45)
-
#a35b25
#a35b25
rgb(163,91,37)
-
#ab5a1d
#ab5a1d
rgb(171,90,29)
-
#b25916
#b25916
rgb(178,89,22)
-
#ba580e
#ba580e
rgb(186,88,14)
-
#c25706
#c25706
rgb(194,87,6)
Color Blindness Simulator
Below, you can see how #ba580e 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.