#f56a15 Color Information
In a RGB color space, hex #f56a15 is composed of 96.1% red, 41.6% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.7% magenta, 91.4% yellow and 3.9% black. It has a hue angle of 22.8 degrees, a saturation of 91.8% and a lightness of 52.2%. #f56a15 color hex could be obtained by blending #ffd42a with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 42
- B 8
-
- C 0
- M 57
- Y 91
- K 4
● #f56a15 color description : Vivid orange.
#f56a15 Color Conversion
The hexadecimal color #f56a15 has RGB values of R:245, G:106, B:21 and CMYK values of C:0, M:0.57, Y:0.91, K:0.04. Its decimal value is 16083477.
Hex triplet | f56a15 | #f56a15 |
---|---|---|
RGB Decimal | 245, 106, 21 | rgb(245,106,21) |
RGB Percent | 96.1, 41.6, 8.2 | rgb(96.1%,41.6%,8.2%) |
CMYK | 0, 57, 91, 4 | |
HSL | 22.8°, 91.8, 52.2 | hsl(22.8,91.8%,52.2%) |
HSV (or HSB) | 22.8°, 91.4, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 61.463, 49.787, 66.003 |
---|---|
XYZ | 42.947, 29.779, 4.196 |
xyY | 0.558, 0.387, 29.779 |
CIE-LCH | 61.463, 82.675, 52.972 |
CIE-LUV | 61.463, 115.234, 52.189 |
Hunter-Lab | 54.57, 44.983, 33.64 |
Binary | 11110101, 01101010, 00010101 |
Color Schemes with #f56a15
Alternatives to #f56a15
Below, you can see some colors close to #f56a15. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56a15 Preview
This text has a font color of #f56a15.
<span style="color:#f56a15;">Text here</span>
This paragraph has a background color of #f56a15.
<p style="background-color:#f56a15;">Content here</p>
This element has a border color of #f56a15.
<div style="border:1px solid #f56a15;">Content here</div>
.text {color:#f56a15;}
.background {background-color:#f56a15;}
.border {border:1px solid #f56a15;}
Shades and Tints of #f56a15
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, #0b0400 is the darkest color, while #fffaf7 is the lightest one.
-
#0b0400
#0b0400
rgb(11,4,0)
-
#1d0c01
#1d0c01
rgb(29,12,1)
-
#301402
#301402
rgb(48,20,2)
-
#431b03
#431b03
rgb(67,27,3)
-
#562304
#562304
rgb(86,35,4)
-
#692a04
#692a04
rgb(105,42,4)
-
#7b3205
#7b3205
rgb(123,50,5)
-
#8e3a06
#8e3a06
rgb(142,58,6)
-
#a14107
#a14107
rgb(161,65,7)
-
#b44908
#b44908
rgb(180,73,8)
-
#c75108
#c75108
rgb(199,81,8)
-
#d95809
#d95809
rgb(217,88,9)
-
#ec600a
#ec600a
rgb(236,96,10)
-
#f56a15
#f56a15
rgb(245,106,21)
-
#f67628
#f67628
rgb(246,118,40)
-
#f7823b
#f7823b
rgb(247,130,59)
-
#f78e4d
#f78e4d
rgb(247,142,77)
-
#f89a60
#f89a60
rgb(248,154,96)
-
#f9a673
#f9a673
rgb(249,166,115)
-
#fab286
#fab286
rgb(250,178,134)
-
#fbbe99
#fbbe99
rgb(251,190,153)
-
#fbcaab
#fbcaab
rgb(251,202,171)
-
#fcd6be
#fcd6be
rgb(252,214,190)
-
#fde2d1
#fde2d1
rgb(253,226,209)
-
#feeee4
#feeee4
rgb(254,238,228)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #f56a15
A tone is produced by adding gray to any pure hue. In this case, #8e837c is the less saturated color, while #fe680c is the most saturated one.
-
#8e837c
#8e837c
rgb(142,131,124)
-
#978173
#978173
rgb(151,129,115)
-
#a17e69
#a17e69
rgb(161,126,105)
-
#aa7c60
#aa7c60
rgb(170,124,96)
-
#b37a57
#b37a57
rgb(179,122,87)
-
#bd784d
#bd784d
rgb(189,120,77)
-
#c67544
#c67544
rgb(198,117,68)
-
#cf733b
#cf733b
rgb(207,115,59)
-
#d97131
#d97131
rgb(217,113,49)
-
#e26f28
#e26f28
rgb(226,111,40)
-
#ec6c1e
#ec6c1e
rgb(236,108,30)
-
#f56a15
#f56a15
rgb(245,106,21)
-
#fe680c
#fe680c
rgb(254,104,12)
Color Blindness Simulator
Below, you can see how #f56a15 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.