#f56a2b Color Information
In a RGB color space, hex #f56a2b is composed of 96.1% red, 41.6% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.7% magenta, 82.4% yellow and 3.9% black. It has a hue angle of 18.7 degrees, a saturation of 91% and a lightness of 56.5%. #f56a2b color hex could be obtained by blending #ffd456 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 42
- B 17
-
- C 0
- M 57
- Y 82
- K 4
● #f56a2b color description : Bright orange.
#f56a2b Color Conversion
The hexadecimal color #f56a2b has RGB values of R:245, G:106, B:43 and CMYK values of C:0, M:0.57, Y:0.82, K:0.04. Its decimal value is 16083499.
Hex triplet | f56a2b | #f56a2b |
---|---|---|
RGB Decimal | 245, 106, 43 | rgb(245,106,43) |
RGB Percent | 96.1, 41.6, 16.9 | rgb(96.1%,41.6%,16.9%) |
CMYK | 0, 57, 82, 4 | |
HSL | 18.7°, 91, 56.5 | hsl(18.7,91%,56.5%) |
HSV (or HSB) | 18.7°, 82.4, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 61.567, 50.232, 58.575 |
---|---|
XYZ | 43.248, 29.899, 5.779 |
xyY | 0.548, 0.379, 29.899 |
CIE-LCH | 61.567, 77.163, 49.385 |
CIE-LUV | 61.567, 113.634, 48.228 |
Hunter-Lab | 54.68, 45.489, 32.01 |
Binary | 11110101, 01101010, 00101011 |
Color Schemes with #f56a2b
Alternatives to #f56a2b
Below, you can see some colors close to #f56a2b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56a2b Preview
This text has a font color of #f56a2b.
<span style="color:#f56a2b;">Text here</span>
This paragraph has a background color of #f56a2b.
<p style="background-color:#f56a2b;">Content here</p>
This element has a border color of #f56a2b.
<div style="border:1px solid #f56a2b;">Content here</div>
.text {color:#f56a2b;}
.background {background-color:#f56a2b;}
.border {border:1px solid #f56a2b;}
Shades and Tints of #f56a2b
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, #0d0401 is the darkest color, while #fffbf9 is the lightest one.
-
#0d0401
#0d0401
rgb(13,4,1)
-
#200b01
#200b01
rgb(32,11,1)
-
#321102
#321102
rgb(50,17,2)
-
#451803
#451803
rgb(69,24,3)
-
#581e04
#581e04
rgb(88,30,4)
-
#6a2505
#6a2505
rgb(106,37,5)
-
#7d2b06
#7d2b06
rgb(125,43,6)
-
#903207
#903207
rgb(144,50,7)
-
#a33808
#a33808
rgb(163,56,8)
-
#b53e09
#b53e09
rgb(181,62,9)
-
#c84509
#c84509
rgb(200,69,9)
-
#db4b0a
#db4b0a
rgb(219,75,10)
-
#ee520b
#ee520b
rgb(238,82,11)
-
#f45d18
#f45d18
rgb(244,93,24)
-
#f56a2b
#f56a2b
rgb(245,106,43)
-
#f6773e
#f6773e
rgb(246,119,62)
-
#f78450
#f78450
rgb(247,132,80)
-
#f89163
#f89163
rgb(248,145,99)
-
#f99f76
#f99f76
rgb(249,159,118)
-
#f9ac89
#f9ac89
rgb(249,172,137)
-
#fab99b
#fab99b
rgb(250,185,155)
-
#fbc6ae
#fbc6ae
rgb(251,198,174)
-
#fcd3c1
#fcd3c1
rgb(252,211,193)
-
#fde0d4
#fde0d4
rgb(253,224,212)
-
#feeee6
#feeee6
rgb(254,238,230)
-
#fffbf9
#fffbf9
rgb(255,251,249)
Tones of #f56a2b
A tone is produced by adding gray to any pure hue. In this case, #978d89 is the less saturated color, while #fe6722 is the most saturated one.
-
#978d89
#978d89
rgb(151,141,137)
-
#a08a80
#a08a80
rgb(160,138,128)
-
#a88778
#a88778
rgb(168,135,120)
-
#b1846f
#b1846f
rgb(177,132,111)
-
#b98067
#b98067
rgb(185,128,103)
-
#c27d5e
#c27d5e
rgb(194,125,94)
-
#ca7a56
#ca7a56
rgb(202,122,86)
-
#d3774d
#d3774d
rgb(211,119,77)
-
#db7445
#db7445
rgb(219,116,69)
-
#e4703c
#e4703c
rgb(228,112,60)
-
#ec6d34
#ec6d34
rgb(236,109,52)
-
#f56a2b
#f56a2b
rgb(245,106,43)
-
#fe6722
#fe6722
rgb(254,103,34)
Color Blindness Simulator
Below, you can see how #f56a2b 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.