#f56c5e Color Information
In a RGB color space, hex #f56c5e is composed of 96.1% red, 42.4% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.9% magenta, 61.6% yellow and 3.9% black. It has a hue angle of 5.6 degrees, a saturation of 88.3% and a lightness of 66.5%. #f56c5e color hex could be obtained by blending #ffd8bc with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 42
- B 37
-
- C 0
- M 56
- Y 62
- K 4
● #f56c5e color description : Soft red.
#f56c5e Color Conversion
The hexadecimal color #f56c5e has RGB values of R:245, G:108, B:94 and CMYK values of C:0, M:0.56, Y:0.62, K:0.04. Its decimal value is 16084062.
Hex triplet | f56c5e | #f56c5e |
---|---|---|
RGB Decimal | 245, 108, 94 | rgb(245,108,94) |
RGB Percent | 96.1, 42.4, 36.9 | rgb(96.1%,42.4%,36.9%) |
CMYK | 0, 56, 62, 4 | |
HSL | 5.6°, 88.3, 66.5 | hsl(5.6,88.3%,66.5%) |
HSV (or HSB) | 5.6°, 61.6, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.465, 51.602, 33.883 |
---|---|
XYZ | 45.041, 30.95, 14.191 |
xyY | 0.499, 0.343, 30.95 |
CIE-LCH | 62.465, 61.731, 33.29 |
CIE-LUV | 62.465, 104.447, 29.565 |
Hunter-Lab | 55.633, 47.157, 23.819 |
Binary | 11110101, 01101100, 01011110 |
Color Schemes with #f56c5e
Alternatives to #f56c5e
Below, you can see some colors close to #f56c5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56c5e Preview
This text has a font color of #f56c5e.
<span style="color:#f56c5e;">Text here</span>
This paragraph has a background color of #f56c5e.
<p style="background-color:#f56c5e;">Content here</p>
This element has a border color of #f56c5e.
<div style="border:1px solid #f56c5e;">Content here</div>
.text {color:#f56c5e;}
.background {background-color:#f56c5e;}
.border {border:1px solid #f56c5e;}
Shades and Tints of #f56c5e
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, #050100 is the darkest color, while #fef3f2 is the lightest one.
-
#050100
#050100
rgb(5,1,0)
-
#180401
#180401
rgb(24,4,1)
-
#2a0603
#2a0603
rgb(42,6,3)
-
#3d0904
#3d0904
rgb(61,9,4)
-
#4f0c05
#4f0c05
rgb(79,12,5)
-
#620f06
#620f06
rgb(98,15,6)
-
#741107
#741107
rgb(116,17,7)
-
#861408
#861408
rgb(134,20,8)
-
#99170a
#99170a
rgb(153,23,10)
-
#ab1a0b
#ab1a0b
rgb(171,26,11)
-
#be1c0c
#be1c0c
rgb(190,28,12)
-
#d01f0d
#d01f0d
rgb(208,31,13)
-
#e3220e
#e3220e
rgb(227,34,14)
-
#f02914
#f02914
rgb(240,41,20)
-
#f23927
#f23927
rgb(242,57,39)
-
#f34a39
#f34a39
rgb(243,74,57)
-
#f45b4c
#f45b4c
rgb(244,91,76)
-
#f56c5e
#f56c5e
rgb(245,108,94)
-
#f67d70
#f67d70
rgb(246,125,112)
-
#f78e83
#f78e83
rgb(247,142,131)
-
#f89f95
#f89f95
rgb(248,159,149)
-
#faafa8
#faafa8
rgb(250,175,168)
-
#fbc0ba
#fbc0ba
rgb(251,192,186)
-
#fcd1cd
#fcd1cd
rgb(252,209,205)
-
#fde2df
#fde2df
rgb(253,226,223)
-
#fef3f2
#fef3f2
rgb(254,243,242)
Tones of #f56c5e
A tone is produced by adding gray to any pure hue. In this case, #ada7a6 is the less saturated color, while #fc6757 is the most saturated one.
-
#ada7a6
#ada7a6
rgb(173,167,166)
-
#b3a2a0
#b3a2a0
rgb(179,162,160)
-
#ba9c99
#ba9c99
rgb(186,156,153)
-
#c09793
#c09793
rgb(192,151,147)
-
#c7928c
#c7928c
rgb(199,146,140)
-
#ce8c85
#ce8c85
rgb(206,140,133)
-
#d4877f
#d4877f
rgb(212,135,127)
-
#db8178
#db8178
rgb(219,129,120)
-
#e17c72
#e17c72
rgb(225,124,114)
-
#e8776b
#e8776b
rgb(232,119,107)
-
#ee7165
#ee7165
rgb(238,113,101)
-
#f56c5e
#f56c5e
rgb(245,108,94)
-
#fc6757
#fc6757
rgb(252,103,87)
Color Blindness Simulator
Below, you can see how #f56c5e 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.