#ba552e Color Information
In a RGB color space, hex #ba552e is composed of 72.9% red, 33.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 75.3% yellow and 27.1% black. It has a hue angle of 16.7 degrees, a saturation of 60.3% and a lightness of 45.5%. #ba552e color hex could be obtained by blending #ffaa5c with #750000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 18
-
- C 0
- M 54
- Y 75
- K 27
● #ba552e color description : Strong orange.
#ba552e Color Conversion
The hexadecimal color #ba552e has RGB values of R:186, G:85, B:46 and CMYK values of C:0, M:0.54, Y:0.75, K:0.27. Its decimal value is 12211502.
Hex triplet | ba552e | #ba552e |
---|---|---|
RGB Decimal | 186, 85, 46 | rgb(186,85,46) |
RGB Percent | 72.9, 33.3, 18 | rgb(72.9%,33.3%,18%) |
CMYK | 0, 54, 75, 27 | |
HSL | 16.7°, 60.3, 45.5 | hsl(16.7,60.3%,45.5%) |
HSV (or HSB) | 16.7°, 75.3, 72.9 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.431, 38.277, 41.286 |
---|---|
XYZ | 23.992, 17.136, 4.629 |
xyY | 0.524, 0.374, 17.136 |
CIE-LCH | 48.431, 56.3, 47.165 |
CIE-LUV | 48.431, 80.32, 34.376 |
Hunter-Lab | 41.395, 31.015, 22.347 |
Binary | 10111010, 01010101, 00101110 |
Color Schemes with #ba552e
Alternatives to #ba552e
Below, you can see some colors close to #ba552e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba552e Preview
This text has a font color of #ba552e.
<span style="color:#ba552e;">Text here</span>
This paragraph has a background color of #ba552e.
<p style="background-color:#ba552e;">Content here</p>
This element has a border color of #ba552e.
<div style="border:1px solid #ba552e;">Content here</div>
.text {color:#ba552e;}
.background {background-color:#ba552e;}
.border {border:1px solid #ba552e;}
Shades and Tints of #ba552e
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, #0d0603 is the darkest color, while #fefdfc is the lightest one.
-
#0d0603
#0d0603
rgb(13,6,3)
-
#1d0d07
#1d0d07
rgb(29,13,7)
-
#2c140b
#2c140b
rgb(44,20,11)
-
#3c1c0f
#3c1c0f
rgb(60,28,15)
-
#4c2313
#4c2313
rgb(76,35,19)
-
#5c2a17
#5c2a17
rgb(92,42,23)
-
#6b311b
#6b311b
rgb(107,49,27)
-
#7b381e
#7b381e
rgb(123,56,30)
-
#8b3f22
#8b3f22
rgb(139,63,34)
-
#9b4726
#9b4726
rgb(155,71,38)
-
#aa4e2a
#aa4e2a
rgb(170,78,42)
-
#ba552e
#ba552e
rgb(186,85,46)
-
#ca5c32
#ca5c32
rgb(202,92,50)
-
#d06840
#d06840
rgb(208,104,64)
-
#d4744f
#d4744f
rgb(212,116,79)
-
#d7815f
#d7815f
rgb(215,129,95)
-
#db8d6f
#db8d6f
rgb(219,141,111)
-
#df997e
#df997e
rgb(223,153,126)
-
#e3a68e
#e3a68e
rgb(227,166,142)
-
#e7b29e
#e7b29e
rgb(231,178,158)
-
#ebbfae
#ebbfae
rgb(235,191,174)
-
#efcbbd
#efcbbd
rgb(239,203,189)
-
#f3d8cd
#f3d8cd
rgb(243,216,205)
-
#f7e4dd
#f7e4dd
rgb(247,228,221)
-
#faf0ed
#faf0ed
rgb(250,240,237)
-
#fefdfc
#fefdfc
rgb(254,253,252)
Tones of #ba552e
A tone is produced by adding gray to any pure hue. In this case, #7c716c is the less saturated color, while #e74101 is the most saturated one.
-
#7c716c
#7c716c
rgb(124,113,108)
-
#846d64
#846d64
rgb(132,109,100)
-
#8d695b
#8d695b
rgb(141,105,91)
-
#966552
#966552
rgb(150,101,82)
-
#9f6149
#9f6149
rgb(159,97,73)
-
#a85d40
#a85d40
rgb(168,93,64)
-
#b15937
#b15937
rgb(177,89,55)
-
#ba552e
#ba552e
rgb(186,85,46)
-
#c35125
#c35125
rgb(195,81,37)
-
#cc4d1c
#cc4d1c
rgb(204,77,28)
-
#d54913
#d54913
rgb(213,73,19)
-
#de450a
#de450a
rgb(222,69,10)
-
#e74101
#e74101
rgb(231,65,1)
Color Blindness Simulator
Below, you can see how #ba552e 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.