#f56321 Color Information
In a RGB color space, hex #f56321 is composed of 96.1% red, 38.8% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.6% magenta, 86.5% yellow and 3.9% black. It has a hue angle of 18.7 degrees, a saturation of 91.4% and a lightness of 54.5%. #f56321 color hex could be obtained by blending #ffc642 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 39
- B 13
-
- C 0
- M 60
- Y 87
- K 4
● #f56321 color description : Vivid orange.
#f56321 Color Conversion
The hexadecimal color #f56321 has RGB values of R:245, G:99, B:33 and CMYK values of C:0, M:0.6, Y:0.87, K:0.04. Its decimal value is 16081697.
Hex triplet | f56321 | #f56321 |
---|---|---|
RGB Decimal | 245, 99, 33 | rgb(245,99,33) |
RGB Percent | 96.1, 38.8, 12.9 | rgb(96.1%,38.8%,12.9%) |
CMYK | 0, 60, 87, 4 | |
HSL | 18.7°, 91.4, 54.5 | hsl(18.7,91.4%,54.5%) |
HSV (or HSB) | 18.7°, 86.5, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 60.294, 53.175, 61.393 |
---|---|
XYZ | 42.394, 28.451, 4.698 |
xyY | 0.561, 0.377, 28.451 |
CIE-LCH | 60.294, 81.22, 49.103 |
CIE-LUV | 60.294, 119.982, 48.227 |
Hunter-Lab | 53.339, 48.53, 32.115 |
Binary | 11110101, 01100011, 00100001 |
Color Schemes with #f56321
Alternatives to #f56321
Below, you can see some colors close to #f56321. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56321 Preview
This text has a font color of #f56321.
<span style="color:#f56321;">Text here</span>
This paragraph has a background color of #f56321.
<p style="background-color:#f56321;">Content here</p>
This element has a border color of #f56321.
<div style="border:1px solid #f56321;">Content here</div>
.text {color:#f56321;}
.background {background-color:#f56321;}
.border {border:1px solid #f56321;}
Shades and Tints of #f56321
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, #030100 is the darkest color, while #fef4ef is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#160801
#160801
rgb(22,8,1)
-
#290e02
#290e02
rgb(41,14,2)
-
#3c1403
#3c1403
rgb(60,20,3)
-
#4e1b04
#4e1b04
rgb(78,27,4)
-
#612104
#612104
rgb(97,33,4)
-
#742805
#742805
rgb(116,40,5)
-
#872e06
#872e06
rgb(135,46,6)
-
#993507
#993507
rgb(153,53,7)
-
#ac3b08
#ac3b08
rgb(172,59,8)
-
#bf4109
#bf4109
rgb(191,65,9)
-
#d24809
#d24809
rgb(210,72,9)
-
#e44e0a
#e44e0a
rgb(228,78,10)
-
#f4560e
#f4560e
rgb(244,86,14)
-
#f56321
#f56321
rgb(245,99,33)
-
#f67034
#f67034
rgb(246,112,52)
-
#f77d47
#f77d47
rgb(247,125,71)
-
#f88b59
#f88b59
rgb(248,139,89)
-
#f8986c
#f8986c
rgb(248,152,108)
-
#f9a57f
#f9a57f
rgb(249,165,127)
-
#fab292
#fab292
rgb(250,178,146)
-
#fbbfa4
#fbbfa4
rgb(251,191,164)
-
#fccdb7
#fccdb7
rgb(252,205,183)
-
#fddaca
#fddaca
rgb(253,218,202)
-
#fde7dd
#fde7dd
rgb(253,231,221)
-
#fef4ef
#fef4ef
rgb(254,244,239)
Tones of #f56321
A tone is produced by adding gray to any pure hue. In this case, #938883 is the less saturated color, while #fe6018 is the most saturated one.
-
#938883
#938883
rgb(147,136,131)
-
#9c857a
#9c857a
rgb(156,133,122)
-
#a58171
#a58171
rgb(165,129,113)
-
#ae7e68
#ae7e68
rgb(174,126,104)
-
#b77b5f
#b77b5f
rgb(183,123,95)
-
#bf7757
#bf7757
rgb(191,119,87)
-
#c8744e
#c8744e
rgb(200,116,78)
-
#d17045
#d17045
rgb(209,112,69)
-
#da6d3c
#da6d3c
rgb(218,109,60)
-
#e36a33
#e36a33
rgb(227,106,51)
-
#ec662a
#ec662a
rgb(236,102,42)
-
#f56321
#f56321
rgb(245,99,33)
-
#fe6018
#fe6018
rgb(254,96,24)
Color Blindness Simulator
Below, you can see how #f56321 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.