#f56a0a Color Information
In a RGB color space, hex #f56a0a is composed of 96.1% red, 41.6% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.7% magenta, 95.9% yellow and 3.9% black. It has a hue angle of 24.5 degrees, a saturation of 92.2% and a lightness of 50%. #f56a0a color hex could be obtained by blending #ffd414 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 42
- B 4
-
- C 0
- M 57
- Y 96
- K 4
● #f56a0a color description : Vivid orange.
#f56a0a Color Conversion
The hexadecimal color #f56a0a has RGB values of R:245, G:106, B:10 and CMYK values of C:0, M:0.57, Y:0.96, K:0.04. Its decimal value is 16083466.
Hex triplet | f56a0a | #f56a0a |
---|---|---|
RGB Decimal | 245, 106, 10 | rgb(245,106,10) |
RGB Percent | 96.1, 41.6, 3.9 | rgb(96.1%,41.6%,3.9%) |
CMYK | 0, 57, 96, 4 | |
HSL | 24.5°, 92.2, 50 | hsl(24.5,92.2%,50%) |
HSV (or HSB) | 24.5°, 95.9, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 61.435, 49.668, 68.313 |
---|---|
XYZ | 42.867, 29.747, 3.772 |
xyY | 0.561, 0.389, 29.747 |
CIE-LCH | 61.435, 84.46, 53.981 |
CIE-LUV | 61.435, 115.67, 53.267 |
Hunter-Lab | 54.541, 44.848, 34.078 |
Binary | 11110101, 01101010, 00001010 |
Color Schemes with #f56a0a
Alternatives to #f56a0a
Below, you can see some colors close to #f56a0a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56a0a Preview
This text has a font color of #f56a0a.
<span style="color:#f56a0a;">Text here</span>
This paragraph has a background color of #f56a0a.
<p style="background-color:#f56a0a;">Content here</p>
This element has a border color of #f56a0a.
<div style="border:1px solid #f56a0a;">Content here</div>
.text {color:#f56a0a;}
.background {background-color:#f56a0a;}
.border {border:1px solid #f56a0a;}
Shades and Tints of #f56a0a
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, #130801 is the darkest color, while #ffffff is the lightest one.
-
#130801
#130801
rgb(19,8,1)
-
#261002
#261002
rgb(38,16,2)
-
#391802
#391802
rgb(57,24,2)
-
#4b2103
#4b2103
rgb(75,33,3)
-
#5e2904
#5e2904
rgb(94,41,4)
-
#713105
#713105
rgb(113,49,5)
-
#843905
#843905
rgb(132,57,5)
-
#974106
#974106
rgb(151,65,6)
-
#aa4907
#aa4907
rgb(170,73,7)
-
#bc5208
#bc5208
rgb(188,82,8)
-
#cf5a08
#cf5a08
rgb(207,90,8)
-
#e26209
#e26209
rgb(226,98,9)
-
#f56a0a
#f56a0a
rgb(245,106,10)
-
#f6751d
#f6751d
rgb(246,117,29)
-
#f78130
#f78130
rgb(247,129,48)
-
#f78c43
#f78c43
rgb(247,140,67)
-
#f89855
#f89855
rgb(248,152,85)
-
#f9a368
#f9a368
rgb(249,163,104)
-
#faaf7b
#faaf7b
rgb(250,175,123)
-
#faba8e
#faba8e
rgb(250,186,142)
-
#fbc6a1
#fbc6a1
rgb(251,198,161)
-
#fcd1b4
#fcd1b4
rgb(252,209,180)
-
#fdddc6
#fdddc6
rgb(253,221,198)
-
#fde8d9
#fde8d9
rgb(253,232,217)
-
#fef4ec
#fef4ec
rgb(254,244,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f56a0a
A tone is produced by adding gray to any pure hue. In this case, #897e76 is the less saturated color, while #ff6800 is the most saturated one.
-
#897e76
#897e76
rgb(137,126,118)
-
#937c6c
#937c6c
rgb(147,124,108)
-
#9d7a62
#9d7a62
rgb(157,122,98)
-
#a77858
#a77858
rgb(167,120,88)
-
#b0774f
#b0774f
rgb(176,119,79)
-
#ba7545
#ba7545
rgb(186,117,69)
-
#c4733b
#c4733b
rgb(196,115,59)
-
#ce7131
#ce7131
rgb(206,113,49)
-
#d86f27
#d86f27
rgb(216,111,39)
-
#e16e1e
#e16e1e
rgb(225,110,30)
-
#eb6c14
#eb6c14
rgb(235,108,20)
-
#f56a0a
#f56a0a
rgb(245,106,10)
-
#ff6800
#ff6800
rgb(255,104,0)
Color Blindness Simulator
Below, you can see how #f56a0a 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.