#ba550d Color Information
In a RGB color space, hex #ba550d is composed of 72.9% red, 33.3% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 93% yellow and 27.1% black. It has a hue angle of 25 degrees, a saturation of 86.9% and a lightness of 39%. #ba550d color hex could be obtained by blending #ffaa1a with #750000. Closest websafe color is: #cc6600.
-
- R 73
- G 33
- B 5
-
- C 0
- M 54
- Y 93
- K 27
● #ba550d color description : Strong orange.
#ba550d Color Conversion
The hexadecimal color #ba550d has RGB values of R:186, G:85, B:13 and CMYK values of C:0, M:0.54, Y:0.93, K:0.27. Its decimal value is 12211469.
Hex triplet | ba550d | #ba550d |
---|---|---|
RGB Decimal | 186, 85, 13 | rgb(186,85,13) |
RGB Percent | 72.9, 33.3, 5.1 | rgb(72.9%,33.3%,5.1%) |
CMYK | 0, 54, 93, 27 | |
HSL | 25°, 86.9, 39 | hsl(25,86.9%,39%) |
HSV (or HSB) | 25°, 93, 72.9 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 48.219, 37.332, 54.533 |
---|---|
XYZ | 23.572, 16.968, 2.415 |
xyY | 0.549, 0.395, 16.968 |
CIE-LCH | 48.219, 66.087, 55.605 |
CIE-LUV | 48.219, 83.128, 41.913 |
Hunter-Lab | 41.192, 30.061, 25.359 |
Binary | 10111010, 01010101, 00001101 |
Color Schemes with #ba550d
Alternatives to #ba550d
Below, you can see some colors close to #ba550d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba550d Preview
This text has a font color of #ba550d.
<span style="color:#ba550d;">Text here</span>
This paragraph has a background color of #ba550d.
<p style="background-color:#ba550d;">Content here</p>
This element has a border color of #ba550d.
<div style="border:1px solid #ba550d;">Content here</div>
.text {color:#ba550d;}
.background {background-color:#ba550d;}
.border {border:1px solid #ba550d;}
Shades and Tints of #ba550d
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, #030100 is the darkest color, while #fef5ef is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#150a01
#150a01
rgb(21,10,1)
-
#271203
#271203
rgb(39,18,3)
-
#3a1a04
#3a1a04
rgb(58,26,4)
-
#4c2305
#4c2305
rgb(76,35,5)
-
#5e2b07
#5e2b07
rgb(94,43,7)
-
#713308
#713308
rgb(113,51,8)
-
#833c09
#833c09
rgb(131,60,9)
-
#95440a
#95440a
rgb(149,68,10)
-
#a84d0c
#a84d0c
rgb(168,77,12)
-
#ba550d
#ba550d
rgb(186,85,13)
-
#cc5d0e
#cc5d0e
rgb(204,93,14)
-
#df6610
#df6610
rgb(223,102,16)
-
#ef6f13
#ef6f13
rgb(239,111,19)
-
#f07a26
#f07a26
rgb(240,122,38)
-
#f18538
#f18538
rgb(241,133,56)
-
#f2904a
#f2904a
rgb(242,144,74)
-
#f49b5d
#f49b5d
rgb(244,155,93)
-
#f5a76f
#f5a76f
rgb(245,167,111)
-
#f6b281
#f6b281
rgb(246,178,129)
-
#f7bd94
#f7bd94
rgb(247,189,148)
-
#f9c8a6
#f9c8a6
rgb(249,200,166)
-
#fad4b8
#fad4b8
rgb(250,212,184)
-
#fbdfcb
#fbdfcb
rgb(251,223,203)
-
#fdeadd
#fdeadd
rgb(253,234,221)
-
#fef5ef
#fef5ef
rgb(254,245,239)
Tones of #ba550d
A tone is produced by adding gray to any pure hue. In this case, #666361 is the less saturated color, while #c25405 is the most saturated one.
-
#666361
#666361
rgb(102,99,97)
-
#6d625a
#6d625a
rgb(109,98,90)
-
#756152
#756152
rgb(117,97,82)
-
#7d5f4a
#7d5f4a
rgb(125,95,74)
-
#845e43
#845e43
rgb(132,94,67)
-
#8c5d3b
#8c5d3b
rgb(140,93,59)
-
#945b33
#945b33
rgb(148,91,51)
-
#9b5a2c
#9b5a2c
rgb(155,90,44)
-
#a35924
#a35924
rgb(163,89,36)
-
#ab581c
#ab581c
rgb(171,88,28)
-
#b25615
#b25615
rgb(178,86,21)
-
#ba550d
#ba550d
rgb(186,85,13)
-
#c25405
#c25405
rgb(194,84,5)
Color Blindness Simulator
Below, you can see how #ba550d 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.