#f56108 Color Information
In a RGB color space, hex #f56108 is composed of 96.1% red, 38% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 96.7% yellow and 3.9% black. It has a hue angle of 22.5 degrees, a saturation of 93.7% and a lightness of 49.6%. #f56108 color hex could be obtained by blending #ffc210 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 38
- B 3
-
- C 0
- M 60
- Y 97
- K 4
● #f56108 color description : Vivid orange.
#f56108 Color Conversion
The hexadecimal color #f56108 has RGB values of R:245, G:97, B:8 and CMYK values of C:0, M:0.6, Y:0.97, K:0.04. Its decimal value is 16081160.
Hex triplet | f56108 | #f56108 |
---|---|---|
RGB Decimal | 245, 97, 8 | rgb(245,97,8) |
RGB Percent | 96.1, 38, 3.1 | rgb(96.1%,38%,3.1%) |
CMYK | 0, 60, 97, 4 | |
HSL | 22.5°, 93.7, 49.6 | hsl(22.5,93.7%,49.6%) |
HSV (or HSB) | 22.5°, 96.7, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 59.874, 53.723, 67.709 |
---|---|
XYZ | 41.977, 27.984, 3.421 |
xyY | 0.572, 0.381, 27.984 |
CIE-LCH | 59.874, 86.433, 51.57 |
CIE-LUV | 59.874, 122.9, 50.794 |
Hunter-Lab | 52.9, 49.067, 33.196 |
Binary | 11110101, 01100001, 00001000 |
Color Schemes with #f56108
Alternatives to #f56108
Below, you can see some colors close to #f56108. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56108 Preview
This text has a font color of #f56108.
<span style="color:#f56108;">Text here</span>
This paragraph has a background color of #f56108.
<p style="background-color:#f56108;">Content here</p>
This element has a border color of #f56108.
<div style="border:1px solid #f56108;">Content here</div>
.text {color:#f56108;}
.background {background-color:#f56108;}
.border {border:1px solid #f56108;}
Shades and Tints of #f56108
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, #110701 is the darkest color, while #fffefd is the lightest one.
-
#110701
#110701
rgb(17,7,1)
-
#240e01
#240e01
rgb(36,14,1)
-
#371602
#371602
rgb(55,22,2)
-
#4a1d02
#4a1d02
rgb(74,29,2)
-
#5d2503
#5d2503
rgb(93,37,3)
-
#702c04
#702c04
rgb(112,44,4)
-
#833404
#833404
rgb(131,52,4)
-
#963b05
#963b05
rgb(150,59,5)
-
#a94306
#a94306
rgb(169,67,6)
-
#bc4a06
#bc4a06
rgb(188,74,6)
-
#cf5207
#cf5207
rgb(207,82,7)
-
#e25907
#e25907
rgb(226,89,7)
-
#f56108
#f56108
rgb(245,97,8)
-
#f76d19
#f76d19
rgb(247,109,25)
-
#f8792c
#f8792c
rgb(248,121,44)
-
#f9853f
#f9853f
rgb(249,133,63)
-
#f99152
#f99152
rgb(249,145,82)
-
#fa9d65
#fa9d65
rgb(250,157,101)
-
#fba978
#fba978
rgb(251,169,120)
-
#fbb58b
#fbb58b
rgb(251,181,139)
-
#fcc19e
#fcc19e
rgb(252,193,158)
-
#fccdb1
#fccdb1
rgb(252,205,177)
-
#fdd9c4
#fdd9c4
rgb(253,217,196)
-
#fee6d7
#fee6d7
rgb(254,230,215)
-
#fef2ea
#fef2ea
rgb(254,242,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f56108
A tone is produced by adding gray to any pure hue. In this case, #807e7d is the less saturated color, while #f56108 is the most saturated one.
-
#807e7d
#807e7d
rgb(128,126,125)
-
#8a7c73
#8a7c73
rgb(138,124,115)
-
#947969
#947969
rgb(148,121,105)
-
#9d7760
#9d7760
rgb(157,119,96)
-
#a77456
#a77456
rgb(167,116,86)
-
#b1724c
#b1724c
rgb(177,114,76)
-
#bb7042
#bb7042
rgb(187,112,66)
-
#c46d39
#c46d39
rgb(196,109,57)
-
#ce6b2f
#ce6b2f
rgb(206,107,47)
-
#d86825
#d86825
rgb(216,104,37)
-
#e2661b
#e2661b
rgb(226,102,27)
-
#eb6312
#eb6312
rgb(235,99,18)
-
#f56108
#f56108
rgb(245,97,8)
Color Blindness Simulator
Below, you can see how #f56108 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.