#f56002 Color Information
In a RGB color space, hex #f56002 is composed of 96.1% red, 37.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 99.2% yellow and 3.9% black. It has a hue angle of 23.2 degrees, a saturation of 98.4% and a lightness of 48.4%. #f56002 color hex could be obtained by blending #ffc004 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 38
- B 1
-
- C 0
- M 61
- Y 99
- K 4
● #f56002 color description : Vivid orange.
#f56002 Color Conversion
The hexadecimal color #f56002 has RGB values of R:245, G:96, B:2 and CMYK values of C:0, M:0.61, Y:0.99, K:0.04. Its decimal value is 16080898.
Hex triplet | f56002 | #f56002 |
---|---|---|
RGB Decimal | 245, 96, 2 | rgb(245,96,2) |
RGB Percent | 96.1, 37.6, 0.8 | rgb(96.1%,37.6%,0.8%) |
CMYK | 0, 61, 99, 4 | |
HSL | 23.2°, 98.4, 48.4 | hsl(23.2,98.4%,48.4%) |
HSV (or HSB) | 23.2°, 99.2, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 59.696, 54.114, 68.68 |
---|---|
XYZ | 41.852, 27.787, 3.217 |
xyY | 0.574, 0.381, 27.787 |
CIE-LCH | 59.696, 87.437, 51.765 |
CIE-LUV | 59.696, 123.881, 50.969 |
Hunter-Lab | 52.714, 49.471, 33.281 |
Binary | 11110101, 01100000, 00000010 |
Color Schemes with #f56002
Alternatives to #f56002
Below, you can see some colors close to #f56002. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56002 Preview
This text has a font color of #f56002.
<span style="color:#f56002;">Text here</span>
This paragraph has a background color of #f56002.
<p style="background-color:#f56002;">Content here</p>
This element has a border color of #f56002.
<div style="border:1px solid #f56002;">Content here</div>
.text {color:#f56002;}
.background {background-color:#f56002;}
.border {border:1px solid #f56002;}
Shades and Tints of #f56002
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, #0c0500 is the darkest color, while #fffaf7 is the lightest one.
-
#0c0500
#0c0500
rgb(12,5,0)
-
#1f0c00
#1f0c00
rgb(31,12,0)
-
#321400
#321400
rgb(50,20,0)
-
#461b01
#461b01
rgb(70,27,1)
-
#592301
#592301
rgb(89,35,1)
-
#6d2b01
#6d2b01
rgb(109,43,1)
-
#803201
#803201
rgb(128,50,1)
-
#943a01
#943a01
rgb(148,58,1)
-
#a74201
#a74201
rgb(167,66,1)
-
#bb4902
#bb4902
rgb(187,73,2)
-
#ce5102
#ce5102
rgb(206,81,2)
-
#e25802
#e25802
rgb(226,88,2)
-
#f56002
#f56002
rgb(245,96,2)
-
#fd6a0e
#fd6a0e
rgb(253,106,14)
-
#fd7621
#fd7621
rgb(253,118,33)
-
#fd8234
#fd8234
rgb(253,130,52)
-
#fe8e48
#fe8e48
rgb(254,142,72)
-
#fe9a5b
#fe9a5b
rgb(254,154,91)
-
#fea66f
#fea66f
rgb(254,166,111)
-
#feb282
#feb282
rgb(254,178,130)
-
#febe96
#febe96
rgb(254,190,150)
-
#fecaa9
#fecaa9
rgb(254,202,169)
-
#fed6bd
#fed6bd
rgb(254,214,189)
-
#ffe2d0
#ffe2d0
rgb(255,226,208)
-
#ffeee4
#ffeee4
rgb(255,238,228)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #f56002
A tone is produced by adding gray to any pure hue. In this case, #837a74 is the less saturated color, while #f56002 is the most saturated one.
-
#837a74
#837a74
rgb(131,122,116)
-
#8d786b
#8d786b
rgb(141,120,107)
-
#967661
#967661
rgb(150,118,97)
-
#a07358
#a07358
rgb(160,115,88)
-
#a9714e
#a9714e
rgb(169,113,78)
-
#b36f45
#b36f45
rgb(179,111,69)
-
#bc6d3b
#bc6d3b
rgb(188,109,59)
-
#c66b32
#c66b32
rgb(198,107,50)
-
#cf6928
#cf6928
rgb(207,105,40)
-
#d9661f
#d9661f
rgb(217,102,31)
-
#e26415
#e26415
rgb(226,100,21)
-
#ec620c
#ec620c
rgb(236,98,12)
-
#f56002
#f56002
rgb(245,96,2)
Color Blindness Simulator
Below, you can see how #f56002 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.