#ba554f Color Information
In a RGB color space, hex #ba554f is composed of 72.9% red, 33.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 57.5% yellow and 27.1% black. It has a hue angle of 3.4 degrees, a saturation of 43.7% and a lightness of 52%. #ba554f color hex could be obtained by blending #ffaa9e with #750000. Closest websafe color is: #cc6666.
-
- R 73
- G 33
- B 31
-
- C 0
- M 54
- Y 58
- K 27
● #ba554f color description : Moderate red.
#ba554f Color Conversion
The hexadecimal color #ba554f has RGB values of R:186, G:85, B:79 and CMYK values of C:0, M:0.54, Y:0.58, K:0.27. Its decimal value is 12211535.
Hex triplet | ba554f | #ba554f |
---|---|---|
RGB Decimal | 186, 85, 79 | rgb(186,85,79) |
RGB Percent | 72.9, 33.3, 31 | rgb(72.9%,33.3%,31%) |
CMYK | 0, 54, 58, 27 | |
HSL | 3.4°, 43.7, 52 | hsl(3.4,43.7%,52%) |
HSV (or HSB) | 3.4°, 57.5, 72.9 | |
Web Safe | cc6666 | #cc6666 |
CIE-LAB | 48.888, 40.288, 23.284 |
---|---|
XYZ | 24.91, 17.503, 9.463 |
xyY | 0.48, 0.337, 17.503 |
CIE-LCH | 48.888, 46.532, 30.025 |
CIE-LUV | 48.888, 74.762, 19.327 |
Hunter-Lab | 41.836, 33.068, 15.874 |
Binary | 10111010, 01010101, 01001111 |
Color Schemes with #ba554f
Alternatives to #ba554f
Below, you can see some colors close to #ba554f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba554f Preview
This text has a font color of #ba554f.
<span style="color:#ba554f;">Text here</span>
This paragraph has a background color of #ba554f.
<p style="background-color:#ba554f;">Content here</p>
This element has a border color of #ba554f.
<div style="border:1px solid #ba554f;">Content here</div>
.text {color:#ba554f;}
.background {background-color:#ba554f;}
.border {border:1px solid #ba554f;}
Shades and Tints of #ba554f
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, #070303 is the darkest color, while #fcf8f8 is the lightest one.
-
#070303
#070303
rgb(7,3,3)
-
#150908
#150908
rgb(21,9,8)
-
#230f0e
#230f0e
rgb(35,15,14)
-
#311513
#311513
rgb(49,21,19)
-
#401b19
#401b19
rgb(64,27,25)
-
#4e211e
#4e211e
rgb(78,33,30)
-
#5c2724
#5c2724
rgb(92,39,36)
-
#6a2d29
#6a2d29
rgb(106,45,41)
-
#78332f
#78332f
rgb(120,51,47)
-
#863935
#863935
rgb(134,57,53)
-
#943f3a
#943f3a
rgb(148,63,58)
-
#a24540
#a24540
rgb(162,69,64)
-
#b04b45
#b04b45
rgb(176,75,69)
-
#ba554f
#ba554f
rgb(186,85,79)
-
#c0635d
#c0635d
rgb(192,99,93)
-
#c5706b
#c5706b
rgb(197,112,107)
-
#cb7e79
#cb7e79
rgb(203,126,121)
-
#d08b87
#d08b87
rgb(208,139,135)
-
#d69995
#d69995
rgb(214,153,149)
-
#dba7a4
#dba7a4
rgb(219,167,164)
-
#e1b4b2
#e1b4b2
rgb(225,180,178)
-
#e6c2c0
#e6c2c0
rgb(230,194,192)
-
#eccfce
#eccfce
rgb(236,207,206)
-
#f1dddc
#f1dddc
rgb(241,221,220)
-
#f7ebea
#f7ebea
rgb(247,235,234)
-
#fcf8f8
#fcf8f8
rgb(252,248,248)
Tones of #ba554f
A tone is produced by adding gray to any pure hue. In this case, #8b7f7e is the less saturated color, while #fc1a0d is the most saturated one.
-
#8b7f7e
#8b7f7e
rgb(139,127,126)
-
#947675
#947675
rgb(148,118,117)
-
#9e6e6b
#9e6e6b
rgb(158,110,107)
-
#a76662
#a76662
rgb(167,102,98)
-
#b15d58
#b15d58
rgb(177,93,88)
-
#ba554f
#ba554f
rgb(186,85,79)
-
#c34d46
#c34d46
rgb(195,77,70)
-
#cd443c
#cd443c
rgb(205,68,60)
-
#d63c33
#d63c33
rgb(214,60,51)
-
#e03429
#e03429
rgb(224,52,41)
-
#e92b20
#e92b20
rgb(233,43,32)
-
#f32316
#f32316
rgb(243,35,22)
-
#fc1a0d
#fc1a0d
rgb(252,26,13)
Color Blindness Simulator
Below, you can see how #ba554f 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.