#f56b58 Color Information
In a RGB color space, hex #f56b58 is composed of 96.1% red, 42% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.3% magenta, 64.1% yellow and 3.9% black. It has a hue angle of 7.3 degrees, a saturation of 88.7% and a lightness of 65.3%. #f56b58 color hex could be obtained by blending #ffd6b0 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 42
- B 35
-
- C 0
- M 56
- Y 64
- K 4
● #f56b58 color description : Soft red.
#f56b58 Color Conversion
The hexadecimal color #f56b58 has RGB values of R:245, G:107, B:88 and CMYK values of C:0, M:0.56, Y:0.64, K:0.04. Its decimal value is 16083800.
Hex triplet | f56b58 | #f56b58 |
---|---|---|
RGB Decimal | 245, 107, 88 | rgb(245,107,88) |
RGB Percent | 96.1, 42, 34.5 | rgb(96.1%,42%,34.5%) |
CMYK | 0, 56, 64, 4 | |
HSL | 7.3°, 88.7, 65.3 | hsl(7.3,88.7%,65.3%) |
HSV (or HSB) | 7.3°, 64.1, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.2, 51.695, 36.871 |
---|---|
XYZ | 44.677, 30.637, 12.793 |
xyY | 0.507, 0.348, 30.637 |
CIE-LCH | 62.2, 63.497, 35.498 |
CIE-LUV | 62.2, 106.338, 32.201 |
Hunter-Lab | 55.351, 47.215, 25.042 |
Binary | 11110101, 01101011, 01011000 |
Color Schemes with #f56b58
Alternatives to #f56b58
Below, you can see some colors close to #f56b58. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56b58 Preview
This text has a font color of #f56b58.
<span style="color:#f56b58;">Text here</span>
This paragraph has a background color of #f56b58.
<p style="background-color:#f56b58;">Content here</p>
This element has a border color of #f56b58.
<div style="border:1px solid #f56b58;">Content here</div>
.text {color:#f56b58;}
.background {background-color:#f56b58;}
.border {border:1px solid #f56b58;}
Shades and Tints of #f56b58
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, #120301 is the darkest color, while #ffffff is the lightest one.
-
#120301
#120301
rgb(18,3,1)
-
#250602
#250602
rgb(37,6,2)
-
#370a03
#370a03
rgb(55,10,3)
-
#4a0d04
#4a0d04
rgb(74,13,4)
-
#5c1006
#5c1006
rgb(92,16,6)
-
#6f1307
#6f1307
rgb(111,19,7)
-
#811608
#811608
rgb(129,22,8)
-
#941a09
#941a09
rgb(148,26,9)
-
#a61d0a
#a61d0a
rgb(166,29,10)
-
#b9200b
#b9200b
rgb(185,32,11)
-
#cb230c
#cb230c
rgb(203,35,12)
-
#de260d
#de260d
rgb(222,38,13)
-
#f02a0e
#f02a0e
rgb(240,42,14)
-
#f23a20
#f23a20
rgb(242,58,32)
-
#f34a33
#f34a33
rgb(243,74,51)
-
#f45b45
#f45b45
rgb(244,91,69)
-
#f56b58
#f56b58
rgb(245,107,88)
-
#f67b6b
#f67b6b
rgb(246,123,107)
-
#f78c7d
#f78c7d
rgb(247,140,125)
-
#f89c90
#f89c90
rgb(248,156,144)
-
#f9ada2
#f9ada2
rgb(249,173,162)
-
#fbbdb5
#fbbdb5
rgb(251,189,181)
-
#fccdc7
#fccdc7
rgb(252,205,199)
-
#fddeda
#fddeda
rgb(253,222,218)
-
#feeeec
#feeeec
rgb(254,238,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f56b58
A tone is produced by adding gray to any pure hue. In this case, #aaa4a3 is the less saturated color, while #fc6651 is the most saturated one.
-
#aaa4a3
#aaa4a3
rgb(170,164,163)
-
#b19f9c
#b19f9c
rgb(177,159,156)
-
#b89995
#b89995
rgb(184,153,149)
-
#bf948e
#bf948e
rgb(191,148,142)
-
#c58f88
#c58f88
rgb(197,143,136)
-
#cc8a81
#cc8a81
rgb(204,138,129)
-
#d3857a
#d3857a
rgb(211,133,122)
-
#da8073
#da8073
rgb(218,128,115)
-
#e17a6c
#e17a6c
rgb(225,122,108)
-
#e77566
#e77566
rgb(231,117,102)
-
#ee705f
#ee705f
rgb(238,112,95)
-
#f56b58
#f56b58
rgb(245,107,88)
-
#fc6651
#fc6651
rgb(252,102,81)
Color Blindness Simulator
Below, you can see how #f56b58 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.