#ba5532 Color Information
In a RGB color space, hex #ba5532 is composed of 72.9% red, 33.3% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 73.1% yellow and 27.1% black. It has a hue angle of 15.4 degrees, a saturation of 57.6% and a lightness of 46.3%. #ba5532 color hex could be obtained by blending #ffaa64 with #750000. Closest websafe color is: #cc6633.
-
- R 73
- G 33
- B 20
-
- C 0
- M 54
- Y 73
- K 27
● #ba5532 color description : Moderate orange.
#ba5532 Color Conversion
The hexadecimal color #ba5532 has RGB values of R:186, G:85, B:50 and CMYK values of C:0, M:0.54, Y:0.73, K:0.27. Its decimal value is 12211506.
Hex triplet | ba5532 | #ba5532 |
---|---|---|
RGB Decimal | 186, 85, 50 | rgb(186,85,50) |
RGB Percent | 72.9, 33.3, 19.6 | rgb(72.9%,33.3%,19.6%) |
CMYK | 0, 54, 73, 27 | |
HSL | 15.4°, 57.6, 46.3 | hsl(15.4,57.6%,46.3%) |
HSV (or HSB) | 15.4°, 73.1, 72.9 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 48.472, 38.461, 39.236 |
---|---|
XYZ | 24.075, 17.169, 5.064 |
xyY | 0.52, 0.371, 17.169 |
CIE-LCH | 48.472, 54.943, 45.572 |
CIE-LUV | 48.472, 79.789, 32.947 |
Hunter-Lab | 41.435, 31.201, 21.759 |
Binary | 10111010, 01010101, 00110010 |
Color Schemes with #ba5532
Alternatives to #ba5532
Below, you can see some colors close to #ba5532. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba5532 Preview
This text has a font color of #ba5532.
<span style="color:#ba5532;">Text here</span>
This paragraph has a background color of #ba5532.
<p style="background-color:#ba5532;">Content here</p>
This element has a border color of #ba5532.
<div style="border:1px solid #ba5532;">Content here</div>
.text {color:#ba5532;}
.background {background-color:#ba5532;}
.border {border:1px solid #ba5532;}
Shades and Tints of #ba5532
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, #000000 is the darkest color, while #fbf3f0 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#100704
#100704
rgb(16,7,4)
-
#1f0e08
#1f0e08
rgb(31,14,8)
-
#2f150d
#2f150d
rgb(47,21,13)
-
#3e1c11
#3e1c11
rgb(62,28,17)
-
#4e2415
#4e2415
rgb(78,36,21)
-
#5d2b19
#5d2b19
rgb(93,43,25)
-
#6d321d
#6d321d
rgb(109,50,29)
-
#7c3921
#7c3921
rgb(124,57,33)
-
#8c4026
#8c4026
rgb(140,64,38)
-
#9b472a
#9b472a
rgb(155,71,42)
-
#ab4e2e
#ab4e2e
rgb(171,78,46)
-
#ba5532
#ba5532
rgb(186,85,50)
-
#c95c37
#c95c37
rgb(201,92,55)
-
#cd6946
#cd6946
rgb(205,105,70)
-
#d17555
#d17555
rgb(209,117,85)
-
#d68265
#d68265
rgb(214,130,101)
-
#da8e74
#da8e74
rgb(218,142,116)
-
#de9b84
#de9b84
rgb(222,155,132)
-
#e2a893
#e2a893
rgb(226,168,147)
-
#e6b4a3
#e6b4a3
rgb(230,180,163)
-
#eac1b2
#eac1b2
rgb(234,193,178)
-
#efcdc2
#efcdc2
rgb(239,205,194)
-
#f3dad1
#f3dad1
rgb(243,218,209)
-
#f7e6e1
#f7e6e1
rgb(247,230,225)
-
#fbf3f0
#fbf3f0
rgb(251,243,240)
Tones of #ba5532
A tone is produced by adding gray to any pure hue. In this case, #7a7472 is the less saturated color, while #e73f05 is the most saturated one.
-
#7a7472
#7a7472
rgb(122,116,114)
-
#846f68
#846f68
rgb(132,111,104)
-
#8d6b5f
#8d6b5f
rgb(141,107,95)
-
#966756
#966756
rgb(150,103,86)
-
#9f624d
#9f624d
rgb(159,98,77)
-
#a85e44
#a85e44
rgb(168,94,68)
-
#b1593b
#b1593b
rgb(177,89,59)
-
#ba5532
#ba5532
rgb(186,85,50)
-
#c35129
#c35129
rgb(195,81,41)
-
#cc4c20
#cc4c20
rgb(204,76,32)
-
#d54817
#d54817
rgb(213,72,23)
-
#de430e
#de430e
rgb(222,67,14)
-
#e73f05
#e73f05
rgb(231,63,5)
Color Blindness Simulator
Below, you can see how #ba5532 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.