#f56b5c Color Information
In a RGB color space, hex #f56b5c is composed of 96.1% red, 42% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.3% magenta, 62.4% yellow and 3.9% black. It has a hue angle of 5.9 degrees, a saturation of 88.4% and a lightness of 66.1%. #f56b5c color hex could be obtained by blending #ffd6b8 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 42
- B 36
-
- C 0
- M 56
- Y 62
- K 4
● #f56b5c color description : Soft red.
#f56b5c Color Conversion
The hexadecimal color #f56b5c has RGB values of R:245, G:107, B:92 and CMYK values of C:0, M:0.56, Y:0.62, K:0.04. Its decimal value is 16083804.
Hex triplet | f56b5c | #f56b5c |
---|---|---|
RGB Decimal | 245, 107, 92 | rgb(245,107,92) |
RGB Percent | 96.1, 42, 36.1 | rgb(96.1%,42%,36.1%) |
CMYK | 0, 56, 62, 4 | |
HSL | 5.9°, 88.4, 66.1 | hsl(5.9,88.4%,66.1%) |
HSV (or HSB) | 5.9°, 62.4, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.258, 51.938, 34.733 |
---|---|
XYZ | 44.847, 30.705, 13.69 |
xyY | 0.503, 0.344, 30.705 |
CIE-LCH | 62.258, 62.482, 33.772 |
CIE-LUV | 62.258, 105.552, 30.217 |
Hunter-Lab | 55.412, 47.496, 24.141 |
Binary | 11110101, 01101011, 01011100 |
Color Schemes with #f56b5c
Alternatives to #f56b5c
Below, you can see some colors close to #f56b5c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56b5c Preview
This text has a font color of #f56b5c.
<span style="color:#f56b5c;">Text here</span>
This paragraph has a background color of #f56b5c.
<p style="background-color:#f56b5c;">Content here</p>
This element has a border color of #f56b5c.
<div style="border:1px solid #f56b5c;">Content here</div>
.text {color:#f56b5c;}
.background {background-color:#f56b5c;}
.border {border:1px solid #f56b5c;}
Shades and Tints of #f56b5c
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, #030100 is the darkest color, while #fef1f0 is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#160301
#160301
rgb(22,3,1)
-
#280602
#280602
rgb(40,6,2)
-
#3b0904
#3b0904
rgb(59,9,4)
-
#4d0c05
#4d0c05
rgb(77,12,5)
-
#600f06
#600f06
rgb(96,15,6)
-
#721207
#721207
rgb(114,18,7)
-
#851408
#851408
rgb(133,20,8)
-
#971709
#971709
rgb(151,23,9)
-
#aa1a0a
#aa1a0a
rgb(170,26,10)
-
#bc1d0c
#bc1d0c
rgb(188,29,12)
-
#cf200d
#cf200d
rgb(207,32,13)
-
#e1230e
#e1230e
rgb(225,35,14)
-
#f02812
#f02812
rgb(240,40,18)
-
#f23925
#f23925
rgb(242,57,37)
-
#f34937
#f34937
rgb(243,73,55)
-
#f45a4a
#f45a4a
rgb(244,90,74)
-
#f56b5c
#f56b5c
rgb(245,107,92)
-
#f67c6e
#f67c6e
rgb(246,124,110)
-
#f78d81
#f78d81
rgb(247,141,129)
-
#f89d93
#f89d93
rgb(248,157,147)
-
#faaea6
#faaea6
rgb(250,174,166)
-
#fbbfb8
#fbbfb8
rgb(251,191,184)
-
#fcd0cb
#fcd0cb
rgb(252,208,203)
-
#fde0dd
#fde0dd
rgb(253,224,221)
-
#fef1f0
#fef1f0
rgb(254,241,240)
Tones of #f56b5c
A tone is produced by adding gray to any pure hue. In this case, #aca6a5 is the less saturated color, while #fc6655 is the most saturated one.
-
#aca6a5
#aca6a5
rgb(172,166,165)
-
#b2a09f
#b2a09f
rgb(178,160,159)
-
#b99b98
#b99b98
rgb(185,155,152)
-
#c09691
#c09691
rgb(192,150,145)
-
#c6908b
#c6908b
rgb(198,144,139)
-
#cd8b84
#cd8b84
rgb(205,139,132)
-
#d4867d
#d4867d
rgb(212,134,125)
-
#da8077
#da8077
rgb(218,128,119)
-
#e17b70
#e17b70
rgb(225,123,112)
-
#e87669
#e87669
rgb(232,118,105)
-
#ee7063
#ee7063
rgb(238,112,99)
-
#f56b5c
#f56b5c
rgb(245,107,92)
-
#fc6655
#fc6655
rgb(252,102,85)
Color Blindness Simulator
Below, you can see how #f56b5c 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.