#f56349 Color Information
In a RGB color space, hex #f56349 is composed of 96.1% red, 38.8% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.6% magenta, 70.2% yellow and 3.9% black. It has a hue angle of 9.1 degrees, a saturation of 89.6% and a lightness of 62.4%. #f56349 color hex could be obtained by blending #ffc692 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 39
- B 29
-
- C 0
- M 60
- Y 70
- K 4
● #f56349 color description : Bright red.
#f56349 Color Conversion
The hexadecimal color #f56349 has RGB values of R:245, G:99, B:73 and CMYK values of C:0, M:0.6, Y:0.7, K:0.04. Its decimal value is 16081737.
Hex triplet | f56349 | #f56349 |
---|---|---|
RGB Decimal | 245, 99, 73 | rgb(245,99,73) |
RGB Percent | 96.1, 38.8, 28.6 | rgb(96.1%,38.8%,28.6%) |
CMYK | 0, 60, 70, 4 | |
HSL | 9.1°, 89.6, 62.4 | hsl(9.1,89.6%,62.4%) |
HSV (or HSB) | 9.1°, 70.2, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 60.624, 54.518, 43.141 |
---|---|
XYZ | 43.322, 28.822, 9.585 |
xyY | 0.53, 0.353, 28.822 |
CIE-LCH | 60.624, 69.522, 38.355 |
CIE-LUV | 60.624, 114.839, 36.195 |
Hunter-Lab | 53.686, 50.092, 26.995 |
Binary | 11110101, 01100011, 01001001 |
Color Schemes with #f56349
Alternatives to #f56349
Below, you can see some colors close to #f56349. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56349 Preview
This text has a font color of #f56349.
<span style="color:#f56349;">Text here</span>
This paragraph has a background color of #f56349.
<p style="background-color:#f56349;">Content here</p>
This element has a border color of #f56349.
<div style="border:1px solid #f56349;">Content here</div>
.text {color:#f56349;}
.background {background-color:#f56349;}
.border {border:1px solid #f56349;}
Shades and Tints of #f56349
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, #040100 is the darkest color, while #fef2f0 is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#170401
#170401
rgb(23,4,1)
-
#290802
#290802
rgb(41,8,2)
-
#3c0c03
#3c0c03
rgb(60,12,3)
-
#4e0f04
#4e0f04
rgb(78,15,4)
-
#611305
#611305
rgb(97,19,5)
-
#741706
#741706
rgb(116,23,6)
-
#861b07
#861b07
rgb(134,27,7)
-
#991e08
#991e08
rgb(153,30,8)
-
#ab2209
#ab2209
rgb(171,34,9)
-
#be260a
#be260a
rgb(190,38,10)
-
#d0290b
#d0290b
rgb(208,41,11)
-
#e32d0c
#e32d0c
rgb(227,45,12)
-
#f23311
#f23311
rgb(242,51,17)
-
#f34324
#f34324
rgb(243,67,36)
-
#f45336
#f45336
rgb(244,83,54)
-
#f56349
#f56349
rgb(245,99,73)
-
#f6735c
#f6735c
rgb(246,115,92)
-
#f7836e
#f7836e
rgb(247,131,110)
-
#f89381
#f89381
rgb(248,147,129)
-
#f9a393
#f9a393
rgb(249,163,147)
-
#fab3a6
#fab3a6
rgb(250,179,166)
-
#fbc3b9
#fbc3b9
rgb(251,195,185)
-
#fcd3cb
#fcd3cb
rgb(252,211,203)
-
#fde3de
#fde3de
rgb(253,227,222)
-
#fef2f0
#fef2f0
rgb(254,242,240)
Tones of #f56349
A tone is produced by adding gray to any pure hue. In this case, #a49c9a is the less saturated color, while #fc5e42 is the most saturated one.
-
#a49c9a
#a49c9a
rgb(164,156,154)
-
#ab9793
#ab9793
rgb(171,151,147)
-
#b3918b
#b3918b
rgb(179,145,139)
-
#ba8c84
#ba8c84
rgb(186,140,132)
-
#c1877d
#c1877d
rgb(193,135,125)
-
#c98275
#c98275
rgb(201,130,117)
-
#d07d6e
#d07d6e
rgb(208,125,110)
-
#d77867
#d77867
rgb(215,120,103)
-
#df725f
#df725f
rgb(223,114,95)
-
#e66d58
#e66d58
rgb(230,109,88)
-
#ee6850
#ee6850
rgb(238,104,80)
-
#f56349
#f56349
rgb(245,99,73)
-
#fc5e42
#fc5e42
rgb(252,94,66)
Color Blindness Simulator
Below, you can see how #f56349 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.