#f57a5b Color Information
In a RGB color space, hex #f57a5b is composed of 96.1% red, 47.8% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.2% magenta, 62.9% yellow and 3.9% black. It has a hue angle of 12.1 degrees, a saturation of 88.5% and a lightness of 65.9%. #f57a5b color hex could be obtained by blending #fff4b6 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 48
- B 36
-
- C 0
- M 50
- Y 63
- K 4
● #f57a5b color description : Soft red.
#f57a5b Color Conversion
The hexadecimal color #f57a5b has RGB values of R:245, G:122, B:91 and CMYK values of C:0, M:0.5, Y:0.63, K:0.04. Its decimal value is 16087643.
Hex triplet | f57a5b | #f57a5b |
---|---|---|
RGB Decimal | 245, 122, 91 | rgb(245,122,91) |
RGB Percent | 96.1, 47.8, 35.7 | rgb(96.1%,47.8%,35.7%) |
CMYK | 0, 50, 63, 4 | |
HSL | 12.1°, 88.5, 65.9 | hsl(12.1,88.5%,65.9%) |
HSV (or HSB) | 12.1°, 62.9, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 65.035, 44.708, 38.702 |
---|---|
XYZ | 46.505, 34.091, 14.028 |
xyY | 0.491, 0.36, 34.091 |
CIE-LCH | 65.035, 59.133, 40.881 |
CIE-LUV | 65.035, 94.876, 36.411 |
Hunter-Lab | 58.388, 39.996, 26.626 |
Binary | 11110101, 01111010, 01011011 |
Color Schemes with #f57a5b
Alternatives to #f57a5b
Below, you can see some colors close to #f57a5b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57a5b Preview
This text has a font color of #f57a5b.
<span style="color:#f57a5b;">Text here</span>
This paragraph has a background color of #f57a5b.
<p style="background-color:#f57a5b;">Content here</p>
This element has a border color of #f57a5b.
<div style="border:1px solid #f57a5b;">Content here</div>
.text {color:#f57a5b;}
.background {background-color:#f57a5b;}
.border {border:1px solid #f57a5b;}
Shades and Tints of #f57a5b
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, #020100 is the darkest color, while #fef2ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150501
#150501
rgb(21,5,1)
-
#270a02
#270a02
rgb(39,10,2)
-
#3a0e04
#3a0e04
rgb(58,14,4)
-
#4c1305
#4c1305
rgb(76,19,5)
-
#5f1806
#5f1806
rgb(95,24,6)
-
#711c07
#711c07
rgb(113,28,7)
-
#842108
#842108
rgb(132,33,8)
-
#962609
#962609
rgb(150,38,9)
-
#a92a0a
#a92a0a
rgb(169,42,10)
-
#bb2f0b
#bb2f0b
rgb(187,47,11)
-
#ce330d
#ce330d
rgb(206,51,13)
-
#e0380e
#e0380e
rgb(224,56,14)
-
#f03e11
#f03e11
rgb(240,62,17)
-
#f24d24
#f24d24
rgb(242,77,36)
-
#f35c36
#f35c36
rgb(243,92,54)
-
#f46b49
#f46b49
rgb(244,107,73)
-
#f57a5b
#f57a5b
rgb(245,122,91)
-
#f6896d
#f6896d
rgb(246,137,109)
-
#f79880
#f79880
rgb(247,152,128)
-
#f8a792
#f8a792
rgb(248,167,146)
-
#fab6a5
#fab6a5
rgb(250,182,165)
-
#fbc5b7
#fbc5b7
rgb(251,197,183)
-
#fcd4ca
#fcd4ca
rgb(252,212,202)
-
#fde3dc
#fde3dc
rgb(253,227,220)
-
#fef2ef
#fef2ef
rgb(254,242,239)
Tones of #f57a5b
A tone is produced by adding gray to any pure hue. In this case, #aba6a5 is the less saturated color, while #fc7654 is the most saturated one.
-
#aba6a5
#aba6a5
rgb(171,166,165)
-
#b2a29e
#b2a29e
rgb(178,162,158)
-
#b99e97
#b99e97
rgb(185,158,151)
-
#bf9a91
#bf9a91
rgb(191,154,145)
-
#c6968a
#c6968a
rgb(198,150,138)
-
#cd9283
#cd9283
rgb(205,146,131)
-
#d48e7c
#d48e7c
rgb(212,142,124)
-
#da8a76
#da8a76
rgb(218,138,118)
-
#e1866f
#e1866f
rgb(225,134,111)
-
#e88268
#e88268
rgb(232,130,104)
-
#ee7e62
#ee7e62
rgb(238,126,98)
-
#f57a5b
#f57a5b
rgb(245,122,91)
-
#fc7654
#fc7654
rgb(252,118,84)
Color Blindness Simulator
Below, you can see how #f57a5b 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.