#ba7733 Color Information
In a RGB color space, hex #ba7733 is composed of 72.9% red, 46.7% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 72.6% yellow and 27.1% black. It has a hue angle of 30.2 degrees, a saturation of 57% and a lightness of 46.5%. #ba7733 color hex could be obtained by blending #ffee66 with #750000. Closest websafe color is: #cc6633.
-
- R 73
- G 47
- B 20
-
- C 0
- M 36
- Y 73
- K 27
● #ba7733 color description : Moderate orange.
#ba7733 Color Conversion
The hexadecimal color #ba7733 has RGB values of R:186, G:119, B:51 and CMYK values of C:0, M:0.36, Y:0.73, K:0.27. Its decimal value is 12220211.
Hex triplet | ba7733 | #ba7733 |
---|---|---|
RGB Decimal | 186, 119, 51 | rgb(186,119,51) |
RGB Percent | 72.9, 46.7, 20 | rgb(72.9%,46.7%,20%) |
CMYK | 0, 36, 73, 27 | |
HSL | 30.2°, 57, 46.5 | hsl(30.2,57%,46.5%) |
HSV (or HSB) | 30.2°, 72.6, 72.9 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 55.961, 20.302, 46.738 |
---|---|
XYZ | 27.445, 23.874, 6.294 |
xyY | 0.476, 0.414, 23.874 |
CIE-LCH | 55.961, 50.957, 66.521 |
CIE-LUV | 55.961, 53.543, 45.784 |
Hunter-Lab | 48.861, 14.756, 26.564 |
Binary | 10111010, 01110111, 00110011 |
Color Schemes with #ba7733
Alternatives to #ba7733
Below, you can see some colors close to #ba7733. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ba7733 Preview
This text has a font color of #ba7733.
<span style="color:#ba7733;">Text here</span>
This paragraph has a background color of #ba7733.
<p style="background-color:#ba7733;">Content here</p>
This element has a border color of #ba7733.
<div style="border:1px solid #ba7733;">Content here</div>
.text {color:#ba7733;}
.background {background-color:#ba7733;}
.border {border:1px solid #ba7733;}
Shades and Tints of #ba7733
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, #010100 is the darkest color, while #fbf6f1 is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#110b05
#110b05
rgb(17,11,5)
-
#201509
#201509
rgb(32,21,9)
-
#2f1e0d
#2f1e0d
rgb(47,30,13)
-
#3f2811
#3f2811
rgb(63,40,17)
-
#4e3215
#4e3215
rgb(78,50,21)
-
#5e3c1a
#5e3c1a
rgb(94,60,26)
-
#6d461e
#6d461e
rgb(109,70,30)
-
#7c5022
#7c5022
rgb(124,80,34)
-
#8c5926
#8c5926
rgb(140,89,38)
-
#9b632b
#9b632b
rgb(155,99,43)
-
#ab6d2f
#ab6d2f
rgb(171,109,47)
-
#ba7733
#ba7733
rgb(186,119,51)
-
#c88138
#c88138
rgb(200,129,56)
-
#cd8b48
#cd8b48
rgb(205,139,72)
-
#d19457
#d19457
rgb(209,148,87)
-
#d59e66
#d59e66
rgb(213,158,102)
-
#d9a876
#d9a876
rgb(217,168,118)
-
#deb285
#deb285
rgb(222,178,133)
-
#e2bb95
#e2bb95
rgb(226,187,149)
-
#e6c5a4
#e6c5a4
rgb(230,197,164)
-
#eacfb3
#eacfb3
rgb(234,207,179)
-
#eed9c3
#eed9c3
rgb(238,217,195)
-
#f3e3d2
#f3e3d2
rgb(243,227,210)
-
#f7ece1
#f7ece1
rgb(247,236,225)
-
#fbf6f1
#fbf6f1
rgb(251,246,241)
Tones of #ba7733
A tone is produced by adding gray to any pure hue. In this case, #7a7773 is the less saturated color, while #e87705 is the most saturated one.
-
#7a7773
#7a7773
rgb(122,119,115)
-
#83776a
#83776a
rgb(131,119,106)
-
#8c7761
#8c7761
rgb(140,119,97)
-
#967757
#967757
rgb(150,119,87)
-
#9f774e
#9f774e
rgb(159,119,78)
-
#a87745
#a87745
rgb(168,119,69)
-
#b1773c
#b1773c
rgb(177,119,60)
-
#ba7733
#ba7733
rgb(186,119,51)
-
#c3772a
#c3772a
rgb(195,119,42)
-
#cc7721
#cc7721
rgb(204,119,33)
-
#d57718
#d57718
rgb(213,119,24)
-
#de770f
#de770f
rgb(222,119,15)
-
#e87705
#e87705
rgb(232,119,5)
Color Blindness Simulator
Below, you can see how #ba7733 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.