#f85057 Color Information
In a RGB color space, hex #f85057 is composed of 97.3% red, 31.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.7% magenta, 64.9% yellow and 2.7% black. It has a hue angle of 357.5 degrees, a saturation of 92.3% and a lightness of 64.3%. #f85057 color hex could be obtained by blending #ffa0ae with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 31
- B 34
-
- C 0
- M 68
- Y 65
- K 3
● #f85057 color description : Soft red.
#f85057 Color Conversion
The hexadecimal color #f85057 has RGB values of R:248, G:80, B:87 and CMYK values of C:0, M:0.68, Y:0.65, K:0.03. Its decimal value is 16273495.
Hex triplet | f85057 | #f85057 |
---|---|---|
RGB Decimal | 248, 80, 87 | rgb(248,80,87) |
RGB Percent | 97.3, 31.4, 34.1 | rgb(97.3%,31.4%,34.1%) |
CMYK | 0, 68, 65, 3 | |
HSL | 357.5°, 92.3, 64.3 | hsl(357.5,92.3%,64.3%) |
HSV (or HSB) | 357.5°, 67.7, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 58.402, 64.034, 32.847 |
---|---|
XYZ | 43.302, 26.387, 11.829 |
xyY | 0.531, 0.324, 26.387 |
CIE-LCH | 58.402, 71.967, 27.156 |
CIE-LUV | 58.402, 126.886, 24.336 |
Hunter-Lab | 51.368, 60.578, 22.304 |
Binary | 11111000, 01010000, 01010111 |
Color Schemes with #f85057
Alternatives to #f85057
Below, you can see some colors close to #f85057. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85057 Preview
This text has a font color of #f85057.
<span style="color:#f85057;">Text here</span>
This paragraph has a background color of #f85057.
<p style="background-color:#f85057;">Content here</p>
This element has a border color of #f85057.
<div style="border:1px solid #f85057;">Content here</div>
.text {color:#f85057;}
.background {background-color:#f85057;}
.border {border:1px solid #f85057;}
Shades and Tints of #f85057
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, #0e0101 is the darkest color, while #fffafa is the lightest one.
-
#0e0101
#0e0101
rgb(14,1,1)
-
#200103
#200103
rgb(32,1,3)
-
#330204
#330204
rgb(51,2,4)
-
#460306
#460306
rgb(70,3,6)
-
#590407
#590407
rgb(89,4,7)
-
#6c0409
#6c0409
rgb(108,4,9)
-
#7f050a
#7f050a
rgb(127,5,10)
-
#92060c
#92060c
rgb(146,6,12)
-
#a4070d
#a4070d
rgb(164,7,13)
-
#b7070f
#b7070f
rgb(183,7,15)
-
#ca0810
#ca0810
rgb(202,8,16)
-
#dd0912
#dd0912
rgb(221,9,18)
-
#f00a13
#f00a13
rgb(240,10,19)
-
#f61721
#f61721
rgb(246,23,33)
-
#f62a33
#f62a33
rgb(246,42,51)
-
#f73d45
#f73d45
rgb(247,61,69)
-
#f85057
#f85057
rgb(248,80,87)
-
#f96369
#f96369
rgb(249,99,105)
-
#fa767b
#fa767b
rgb(250,118,123)
-
#fa898d
#fa898d
rgb(250,137,141)
-
#fb9b9f
#fb9b9f
rgb(251,155,159)
-
#fcaeb2
#fcaeb2
rgb(252,174,178)
-
#fdc1c4
#fdc1c4
rgb(253,193,196)
-
#fdd4d6
#fdd4d6
rgb(253,212,214)
-
#fee7e8
#fee7e8
rgb(254,231,232)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f85057
A tone is produced by adding gray to any pure hue. In this case, #a4a4a4 is the less saturated color, while #f85057 is the most saturated one.
-
#a4a4a4
#a4a4a4
rgb(164,164,164)
-
#ab9d9e
#ab9d9e
rgb(171,157,158)
-
#b29697
#b29697
rgb(178,150,151)
-
#b98f91
#b98f91
rgb(185,143,145)
-
#c0888a
#c0888a
rgb(192,136,138)
-
#c78184
#c78184
rgb(199,129,132)
-
#ce7a7e
#ce7a7e
rgb(206,122,126)
-
#d57377
#d57377
rgb(213,115,119)
-
#dc6c71
#dc6c71
rgb(220,108,113)
-
#e3656a
#e3656a
rgb(227,101,106)
-
#ea5e64
#ea5e64
rgb(234,94,100)
-
#f1575d
#f1575d
rgb(241,87,93)
-
#f85057
#f85057
rgb(248,80,87)
Color Blindness Simulator
Below, you can see how #f85057 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.