#f56a10 Color Information
In a RGB color space, hex #f56a10 is composed of 96.1% red, 41.6% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.7% magenta, 93.5% yellow and 3.9% black. It has a hue angle of 23.6 degrees, a saturation of 92% and a lightness of 51.2%. #f56a10 color hex could be obtained by blending #ffd420 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 42
- B 6
-
- C 0
- M 57
- Y 93
- K 4
● #f56a10 color description : Vivid orange.
#f56a10 Color Conversion
The hexadecimal color #f56a10 has RGB values of R:245, G:106, B:16 and CMYK values of C:0, M:0.57, Y:0.93, K:0.04. Its decimal value is 16083472.
Hex triplet | f56a10 | #f56a10 |
---|---|---|
RGB Decimal | 245, 106, 16 | rgb(245,106,16) |
RGB Percent | 96.1, 41.6, 6.3 | rgb(96.1%,41.6%,6.3%) |
CMYK | 0, 57, 93, 4 | |
HSL | 23.6°, 92, 51.2 | hsl(23.6,92%,51.2%) |
HSV (or HSB) | 23.6°, 93.5, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 61.449, 49.725, 67.182 |
---|---|
XYZ | 42.906, 29.762, 3.976 |
xyY | 0.56, 0.388, 29.762 |
CIE-LCH | 61.449, 83.582, 53.493 |
CIE-LUV | 61.449, 115.46, 52.748 |
Hunter-Lab | 54.555, 44.913, 33.868 |
Binary | 11110101, 01101010, 00010000 |
Color Schemes with #f56a10
Alternatives to #f56a10
Below, you can see some colors close to #f56a10. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56a10 Preview
This text has a font color of #f56a10.
<span style="color:#f56a10;">Text here</span>
This paragraph has a background color of #f56a10.
<p style="background-color:#f56a10;">Content here</p>
This element has a border color of #f56a10.
<div style="border:1px solid #f56a10;">Content here</div>
.text {color:#f56a10;}
.background {background-color:#f56a10;}
.border {border:1px solid #f56a10;}
Shades and Tints of #f56a10
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, #060200 is the darkest color, while #fef7f2 is the lightest one.
-
#060200
#060200
rgb(6,2,0)
-
#190a01
#190a01
rgb(25,10,1)
-
#2b1202
#2b1202
rgb(43,18,2)
-
#3e1a03
#3e1a03
rgb(62,26,3)
-
#512203
#512203
rgb(81,34,3)
-
#642a04
#642a04
rgb(100,42,4)
-
#773205
#773205
rgb(119,50,5)
-
#8a3a06
#8a3a06
rgb(138,58,6)
-
#9c4107
#9c4107
rgb(156,65,7)
-
#af4907
#af4907
rgb(175,73,7)
-
#c25108
#c25108
rgb(194,81,8)
-
#d55909
#d55909
rgb(213,89,9)
-
#e8610a
#e8610a
rgb(232,97,10)
-
#f56a10
#f56a10
rgb(245,106,16)
-
#f67623
#f67623
rgb(246,118,35)
-
#f78136
#f78136
rgb(247,129,54)
-
#f78d48
#f78d48
rgb(247,141,72)
-
#f8995b
#f8995b
rgb(248,153,91)
-
#f9a56e
#f9a56e
rgb(249,165,110)
-
#fab081
#fab081
rgb(250,176,129)
-
#fbbc94
#fbbc94
rgb(251,188,148)
-
#fbc8a7
#fbc8a7
rgb(251,200,167)
-
#fcd4b9
#fcd4b9
rgb(252,212,185)
-
#fddfcc
#fddfcc
rgb(253,223,204)
-
#feebdf
#feebdf
rgb(254,235,223)
-
#fef7f2
#fef7f2
rgb(254,247,242)
Tones of #f56a10
A tone is produced by adding gray to any pure hue. In this case, #8c8179 is the less saturated color, while #ff6806 is the most saturated one.
-
#8c8179
#8c8179
rgb(140,129,121)
-
#957e70
#957e70
rgb(149,126,112)
-
#9f7c66
#9f7c66
rgb(159,124,102)
-
#a87a5d
#a87a5d
rgb(168,122,93)
-
#b27853
#b27853
rgb(178,120,83)
-
#bc7649
#bc7649
rgb(188,118,73)
-
#c57440
#c57440
rgb(197,116,64)
-
#cf7236
#cf7236
rgb(207,114,54)
-
#d8702d
#d8702d
rgb(216,112,45)
-
#e26e23
#e26e23
rgb(226,110,35)
-
#eb6c1a
#eb6c1a
rgb(235,108,26)
-
#f56a10
#f56a10
rgb(245,106,16)
-
#ff6806
#ff6806
rgb(255,104,6)
Color Blindness Simulator
Below, you can see how #f56a10 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.