#f56f42 Color Information
In a RGB color space, hex #f56f42 is composed of 96.1% red, 43.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.7% magenta, 73.1% yellow and 3.9% black. It has a hue angle of 15.1 degrees, a saturation of 89.9% and a lightness of 61%. #f56f42 color hex could be obtained by blending #ffde84 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 44
- B 26
-
- C 0
- M 55
- Y 73
- K 4
● #f56f42 color description : Bright orange.
#f56f42 Color Conversion
The hexadecimal color #f56f42 has RGB values of R:245, G:111, B:66 and CMYK values of C:0, M:0.55, Y:0.73, K:0.04. Its decimal value is 16084802.
Hex triplet | f56f42 | #f56f42 |
---|---|---|
RGB Decimal | 245, 111, 66 | rgb(245,111,66) |
RGB Percent | 96.1, 43.5, 25.9 | rgb(96.1%,43.5%,25.9%) |
CMYK | 0, 55, 73, 4 | |
HSL | 15.1°, 89.9, 61 | hsl(15.1,89.9%,61%) |
HSV (or HSB) | 15.1°, 73.1, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.659, 48.696, 49.023 |
---|---|
XYZ | 44.326, 31.179, 8.838 |
xyY | 0.526, 0.37, 31.179 |
CIE-LCH | 62.659, 69.098, 45.192 |
CIE-LUV | 62.659, 107.031, 42.958 |
Hunter-Lab | 55.838, 43.98, 29.702 |
Binary | 11110101, 01101111, 01000010 |
Color Schemes with #f56f42
Alternatives to #f56f42
Below, you can see some colors close to #f56f42. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56f42 Preview
This text has a font color of #f56f42.
<span style="color:#f56f42;">Text here</span>
This paragraph has a background color of #f56f42.
<p style="background-color:#f56f42;">Content here</p>
This element has a border color of #f56f42.
<div style="border:1px solid #f56f42;">Content here</div>
.text {color:#f56f42;}
.background {background-color:#f56f42;}
.border {border:1px solid #f56f42;}
Shades and Tints of #f56f42
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, #100501 is the darkest color, while #fffdfc is the lightest one.
-
#100501
#100501
rgb(16,5,1)
-
#230a02
#230a02
rgb(35,10,2)
-
#350f03
#350f03
rgb(53,15,3)
-
#481504
#481504
rgb(72,21,4)
-
#5a1a05
#5a1a05
rgb(90,26,5)
-
#6d2006
#6d2006
rgb(109,32,6)
-
#802507
#802507
rgb(128,37,7)
-
#922b08
#922b08
rgb(146,43,8)
-
#a53009
#a53009
rgb(165,48,9)
-
#b8350a
#b8350a
rgb(184,53,10)
-
#ca3b0b
#ca3b0b
rgb(202,59,11)
-
#dd400c
#dd400c
rgb(221,64,12)
-
#ef460d
#ef460d
rgb(239,70,13)
-
#f3531d
#f3531d
rgb(243,83,29)
-
#f4612f
#f4612f
rgb(244,97,47)
-
#f56f42
#f56f42
rgb(245,111,66)
-
#f67d55
#f67d55
rgb(246,125,85)
-
#f78b67
#f78b67
rgb(247,139,103)
-
#f89a7a
#f89a7a
rgb(248,154,122)
-
#f9a88d
#f9a88d
rgb(249,168,141)
-
#fab69f
#fab69f
rgb(250,182,159)
-
#fbc4b2
#fbc4b2
rgb(251,196,178)
-
#fcd2c4
#fcd2c4
rgb(252,210,196)
-
#fde1d7
#fde1d7
rgb(253,225,215)
-
#feefea
#feefea
rgb(254,239,234)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f56f42
A tone is produced by adding gray to any pure hue. In this case, #a19996 is the less saturated color, while #fd6b3a is the most saturated one.
-
#a19996
#a19996
rgb(161,153,150)
-
#a8958f
#a8958f
rgb(168,149,143)
-
#b09187
#b09187
rgb(176,145,135)
-
#b88d7f
#b88d7f
rgb(184,141,127)
-
#bf8a78
#bf8a78
rgb(191,138,120)
-
#c78670
#c78670
rgb(199,134,112)
-
#cf8268
#cf8268
rgb(207,130,104)
-
#d67e61
#d67e61
rgb(214,126,97)
-
#de7a59
#de7a59
rgb(222,122,89)
-
#e67751
#e67751
rgb(230,119,81)
-
#ed734a
#ed734a
rgb(237,115,74)
-
#f56f42
#f56f42
rgb(245,111,66)
-
#fd6b3a
#fd6b3a
rgb(253,107,58)
Color Blindness Simulator
Below, you can see how #f56f42 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.