#b45300 Color Information
In a RGB color space, hex #b45300 is composed of 70.6% red, 32.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.9% magenta, 100% yellow and 29.4% black. It has a hue angle of 27.7 degrees, a saturation of 100% and a lightness of 35.3%. #b45300 color hex could be obtained by blending #ffa600 with #690000. Closest websafe color is: #cc6600.
-
- R 71
- G 33
- B 0
-
- C 0
- M 54
- Y 100
- K 29
● #b45300 color description : Strong orange.
#b45300 Color Conversion
The hexadecimal color #b45300 has RGB values of R:180, G:83, B:0 and CMYK values of C:0, M:0.54, Y:1, K:0.29. Its decimal value is 11817728.
Hex triplet | b45300 | #b45300 |
---|---|---|
RGB Decimal | 180, 83, 0 | rgb(180,83,0) |
RGB Percent | 70.6, 32.5, 0 | rgb(70.6%,32.5%,0%) |
CMYK | 0, 54, 100, 29 | |
HSL | 27.7°, 100, 35.3 | hsl(27.7,100%,35.3%) |
HSV (or HSB) | 27.7°, 100, 70.6 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 46.832, 35.777, 56.335 |
---|---|
XYZ | 21.917, 15.892, 1.913 |
xyY | 0.552, 0.4, 15.892 |
CIE-LCH | 46.832, 66.735, 57.582 |
CIE-LUV | 46.832, 80.174, 42.185 |
Hunter-Lab | 39.865, 28.371, 25.06 |
Binary | 10110100, 01010011, 00000000 |
Color Schemes with #b45300
Alternatives to #b45300
Below, you can see some colors close to #b45300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b45300 Preview
This text has a font color of #b45300.
<span style="color:#b45300;">Text here</span>
This paragraph has a background color of #b45300.
<p style="background-color:#b45300;">Content here</p>
This element has a border color of #b45300.
<div style="border:1px solid #b45300;">Content here</div>
.text {color:#b45300;}
.background {background-color:#b45300;}
.border {border:1px solid #b45300;}
Shades and Tints of #b45300
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, #030200 is the darkest color, while #fff6ef is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#170b00
#170b00
rgb(23,11,0)
-
#2b1400
#2b1400
rgb(43,20,0)
-
#3e1d00
#3e1d00
rgb(62,29,0)
-
#522600
#522600
rgb(82,38,0)
-
#662f00
#662f00
rgb(102,47,0)
-
#793800
#793800
rgb(121,56,0)
-
#8d4100
#8d4100
rgb(141,65,0)
-
#a04a00
#a04a00
rgb(160,74,0)
-
#b45300
#b45300
rgb(180,83,0)
-
#c85c00
#c85c00
rgb(200,92,0)
-
#db6500
#db6500
rgb(219,101,0)
-
#ef6e00
#ef6e00
rgb(239,110,0)
-
#ff7703
#ff7703
rgb(255,119,3)
-
#ff8217
#ff8217
rgb(255,130,23)
-
#ff8d2b
#ff8d2b
rgb(255,141,43)
-
#ff973e
#ff973e
rgb(255,151,62)
-
#ffa252
#ffa252
rgb(255,162,82)
-
#ffac66
#ffac66
rgb(255,172,102)
-
#ffb779
#ffb779
rgb(255,183,121)
-
#ffc18d
#ffc18d
rgb(255,193,141)
-
#ffcca0
#ffcca0
rgb(255,204,160)
-
#ffd7b4
#ffd7b4
rgb(255,215,180)
-
#ffe1c8
#ffe1c8
rgb(255,225,200)
-
#ffecdb
#ffecdb
rgb(255,236,219)
-
#fff6ef
#fff6ef
rgb(255,246,239)
Tones of #b45300
A tone is produced by adding gray to any pure hue. In this case, #615953 is the less saturated color, while #b45300 is the most saturated one.
-
#615953
#615953
rgb(97,89,83)
-
#68594c
#68594c
rgb(104,89,76)
-
#6f5845
#6f5845
rgb(111,88,69)
-
#76583e
#76583e
rgb(118,88,62)
-
#7d5737
#7d5737
rgb(125,87,55)
-
#845730
#845730
rgb(132,87,48)
-
#8a562a
#8a562a
rgb(138,86,42)
-
#915623
#915623
rgb(145,86,35)
-
#98551c
#98551c
rgb(152,85,28)
-
#9f5515
#9f5515
rgb(159,85,21)
-
#a6540e
#a6540e
rgb(166,84,14)
-
#ad5407
#ad5407
rgb(173,84,7)
-
#b45300
#b45300
rgb(180,83,0)
Color Blindness Simulator
Below, you can see how #b45300 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.