#ba553f Color Information
In a RGB color space, hex #ba553f is composed of 72.9% red, 33.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 66.1% yellow and 27.1% black. It has a hue angle of 10.7 degrees, a saturation of 49.4% and a lightness of 48.8%. #ba553f color hex could be obtained by blending #ffaa7e with #750000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 25
-
- C 0
- M 54
- Y 66
- K 27
● #ba553f color description : Moderate red.
#ba553f Color Conversion
The hexadecimal color #ba553f has RGB values of R:186, G:85, B:63 and CMYK values of C:0, M:0.54, Y:0.66, K:0.27. Its decimal value is 12211519.
Hex triplet | ba553f | #ba553f |
---|---|---|
RGB Decimal | 186, 85, 63 | rgb(186,85,63) |
RGB Percent | 72.9, 33.3, 24.7 | rgb(72.9%,33.3%,24.7%) |
CMYK | 0, 54, 66, 27 | |
HSL | 10.7°, 49.4, 48.8 | hsl(10.7,49.4%,48.8%) |
HSV (or HSB) | 10.7°, 66.1, 72.9 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.632, 39.171, 32.255 |
---|---|
XYZ | 24.396, 17.297, 6.756 |
xyY | 0.504, 0.357, 17.297 |
CIE-LCH | 48.632, 50.742, 39.47 |
CIE-LUV | 48.632, 77.783, 27.53 |
Hunter-Lab | 41.59, 31.924, 19.481 |
Binary | 10111010, 01010101, 00111111 |
Color Schemes with #ba553f
Alternatives to #ba553f
Below, you can see some colors close to #ba553f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba553f Preview
This text has a font color of #ba553f.
<span style="color:#ba553f;">Text here</span>
This paragraph has a background color of #ba553f.
<p style="background-color:#ba553f;">Content here</p>
This element has a border color of #ba553f.
<div style="border:1px solid #ba553f;">Content here</div>
.text {color:#ba553f;}
.background {background-color:#ba553f;}
.border {border:1px solid #ba553f;}
Shades and Tints of #ba553f
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, #0a0503 is the darkest color, while #fdfbfb is the lightest one.
-
#0a0503
#0a0503
rgb(10,5,3)
-
#190b08
#190b08
rgb(25,11,8)
-
#27120d
#27120d
rgb(39,18,13)
-
#361912
#361912
rgb(54,25,18)
-
#451f17
#451f17
rgb(69,31,23)
-
#53261c
#53261c
rgb(83,38,28)
-
#622d21
#622d21
rgb(98,45,33)
-
#713426
#713426
rgb(113,52,38)
-
#7f3a2b
#7f3a2b
rgb(127,58,43)
-
#8e4130
#8e4130
rgb(142,65,48)
-
#9d4835
#9d4835
rgb(157,72,53)
-
#ab4e3a
#ab4e3a
rgb(171,78,58)
-
#ba553f
#ba553f
rgb(186,85,63)
-
#c2604b
#c2604b
rgb(194,96,75)
-
#c76d59
#c76d59
rgb(199,109,89)
-
#cc7a68
#cc7a68
rgb(204,122,104)
-
#d18777
#d18777
rgb(209,135,119)
-
#d69485
#d69485
rgb(214,148,133)
-
#dba194
#dba194
rgb(219,161,148)
-
#e0aea3
#e0aea3
rgb(224,174,163)
-
#e5bab1
#e5bab1
rgb(229,186,177)
-
#eac7c0
#eac7c0
rgb(234,199,192)
-
#efd4cf
#efd4cf
rgb(239,212,207)
-
#f4e1dd
#f4e1dd
rgb(244,225,221)
-
#f9eeec
#f9eeec
rgb(249,238,236)
-
#fdfbfb
#fdfbfb
rgb(253,251,251)
Tones of #ba553f
A tone is produced by adding gray to any pure hue. In this case, #817a78 is the less saturated color, while #f33006 is the most saturated one.
-
#817a78
#817a78
rgb(129,122,120)
-
#8a746f
#8a746f
rgb(138,116,111)
-
#946e65
#946e65
rgb(148,110,101)
-
#9d675c
#9d675c
rgb(157,103,92)
-
#a76152
#a76152
rgb(167,97,82)
-
#b05b49
#b05b49
rgb(176,91,73)
-
#ba553f
#ba553f
rgb(186,85,63)
-
#c44f35
#c44f35
rgb(196,79,53)
-
#cd492c
#cd492c
rgb(205,73,44)
-
#d74322
#d74322
rgb(215,67,34)
-
#e03c19
#e03c19
rgb(224,60,25)
-
#ea360f
#ea360f
rgb(234,54,15)
-
#f33006
#f33006
rgb(243,48,6)
Color Blindness Simulator
Below, you can see how #ba553f 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.