#f57856 Color Information
In a RGB color space, hex #f57856 is composed of 96.1% red, 47.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51% magenta, 64.9% yellow and 3.9% black. It has a hue angle of 12.8 degrees, a saturation of 88.8% and a lightness of 64.9%. #f57856 color hex could be obtained by blending #fff0ac with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 47
- B 34
-
- C 0
- M 51
- Y 65
- K 4
● #f57856 color description : Soft red.
#f57856 Color Conversion
The hexadecimal color #f57856 has RGB values of R:245, G:120, B:86 and CMYK values of C:0, M:0.51, Y:0.65, K:0.04. Its decimal value is 16087126.
Hex triplet | f57856 | #f57856 |
---|---|---|
RGB Decimal | 245, 120, 86 | rgb(245,120,86) |
RGB Percent | 96.1, 47.1, 33.7 | rgb(96.1%,47.1%,33.7%) |
CMYK | 0, 51, 65, 4 | |
HSL | 12.8°, 88.8, 64.9 | hsl(12.8,88.8%,64.9%) |
HSV (or HSB) | 12.8°, 64.9, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 64.581, 45.385, 40.834 |
---|---|
XYZ | 46.054, 33.521, 12.849 |
xyY | 0.498, 0.363, 33.521 |
CIE-LCH | 64.581, 61.051, 41.979 |
CIE-LUV | 64.581, 97.186, 37.992 |
Hunter-Lab | 57.898, 40.664, 27.371 |
Binary | 11110101, 01111000, 01010110 |
Color Schemes with #f57856
Alternatives to #f57856
Below, you can see some colors close to #f57856. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57856 Preview
This text has a font color of #f57856.
<span style="color:#f57856;">Text here</span>
This paragraph has a background color of #f57856.
<p style="background-color:#f57856;">Content here</p>
This element has a border color of #f57856.
<div style="border:1px solid #f57856;">Content here</div>
.text {color:#f57856;}
.background {background-color:#f57856;}
.border {border:1px solid #f57856;}
Shades and Tints of #f57856
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, #100401 is the darkest color, while #fffdfd is the lightest one.
-
#100401
#100401
rgb(16,4,1)
-
#230902
#230902
rgb(35,9,2)
-
#350e03
#350e03
rgb(53,14,3)
-
#481304
#481304
rgb(72,19,4)
-
#5a1805
#5a1805
rgb(90,24,5)
-
#6d1c06
#6d1c06
rgb(109,28,6)
-
#7f2108
#7f2108
rgb(127,33,8)
-
#922609
#922609
rgb(146,38,9)
-
#a42b0a
#a42b0a
rgb(164,43,10)
-
#b7300b
#b7300b
rgb(183,48,11)
-
#c9340c
#c9340c
rgb(201,52,12)
-
#dc390d
#dc390d
rgb(220,57,13)
-
#ee3e0e
#ee3e0e
rgb(238,62,14)
-
#f24c1e
#f24c1e
rgb(242,76,30)
-
#f35a31
#f35a31
rgb(243,90,49)
-
#f46943
#f46943
rgb(244,105,67)
-
#f57856
#f57856
rgb(245,120,86)
-
#f68769
#f68769
rgb(246,135,105)
-
#f7967b
#f7967b
rgb(247,150,123)
-
#f8a48e
#f8a48e
rgb(248,164,142)
-
#f9b3a0
#f9b3a0
rgb(249,179,160)
-
#fac2b3
#fac2b3
rgb(250,194,179)
-
#fcd1c5
#fcd1c5
rgb(252,209,197)
-
#fde0d8
#fde0d8
rgb(253,224,216)
-
#feeeea
#feeeea
rgb(254,238,234)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f57856
A tone is produced by adding gray to any pure hue. In this case, #a9a3a2 is the less saturated color, while #fc744f is the most saturated one.
-
#a9a3a2
#a9a3a2
rgb(169,163,162)
-
#b09f9b
#b09f9b
rgb(176,159,155)
-
#b79b94
#b79b94
rgb(183,155,148)
-
#be988d
#be988d
rgb(190,152,141)
-
#c59486
#c59486
rgb(197,148,134)
-
#cc907f
#cc907f
rgb(204,144,127)
-
#d38c78
#d38c78
rgb(211,140,120)
-
#d98872
#d98872
rgb(217,136,114)
-
#e0846b
#e0846b
rgb(224,132,107)
-
#e78064
#e78064
rgb(231,128,100)
-
#ee7c5d
#ee7c5d
rgb(238,124,93)
-
#f57856
#f57856
rgb(245,120,86)
-
#fc744f
#fc744f
rgb(252,116,79)
Color Blindness Simulator
Below, you can see how #f57856 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.