#f85561 Color Information
In a RGB color space, hex #f85561 is composed of 97.3% red, 33.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 60.9% yellow and 2.7% black. It has a hue angle of 355.6 degrees, a saturation of 92.1% and a lightness of 65.3%. #f85561 color hex could be obtained by blending #ffaac2 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 33
- B 38
-
- C 0
- M 66
- Y 61
- K 3
● #f85561 color description : Soft red.
#f85561 Color Conversion
The hexadecimal color #f85561 has RGB values of R:248, G:85, B:97 and CMYK values of C:0, M:0.66, Y:0.61, K:0.03. Its decimal value is 16274785.
Hex triplet | f85561 | #f85561 |
---|---|---|
RGB Decimal | 248, 85, 97 | rgb(248,85,97) |
RGB Percent | 97.3, 33.3, 38 | rgb(97.3%,33.3%,38%) |
CMYK | 0, 66, 61, 3 | |
HSL | 355.6°, 92.1, 65.3 | hsl(355.6,92.1%,65.3%) |
HSV (or HSB) | 355.6°, 65.7, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 59.27, 62.697, 28.213 |
---|---|
XYZ | 44.119, 27.321, 14.259 |
xyY | 0.515, 0.319, 27.321 |
CIE-LCH | 59.27, 68.752, 24.227 |
CIE-LUV | 59.27, 121.317, 20.572 |
Hunter-Lab | 52.27, 59.194, 20.415 |
Binary | 11111000, 01010101, 01100001 |
Color Schemes with #f85561
Alternatives to #f85561
Below, you can see some colors close to #f85561. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85561 Preview
This text has a font color of #f85561.
<span style="color:#f85561;">Text here</span>
This paragraph has a background color of #f85561.
<p style="background-color:#f85561;">Content here</p>
This element has a border color of #f85561.
<div style="border:1px solid #f85561;">Content here</div>
.text {color:#f85561;}
.background {background-color:#f85561;}
.border {border:1px solid #f85561;}
Shades and Tints of #f85561
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, #120102 is the darkest color, while #ffffff is the lightest one.
-
#120102
#120102
rgb(18,1,2)
-
#250204
#250204
rgb(37,2,4)
-
#380206
#380206
rgb(56,2,6)
-
#4b0308
#4b0308
rgb(75,3,8)
-
#5e040a
#5e040a
rgb(94,4,10)
-
#71050d
#71050d
rgb(113,5,13)
-
#83050f
#83050f
rgb(131,5,15)
-
#960611
#960611
rgb(150,6,17)
-
#a90713
#a90713
rgb(169,7,19)
-
#bc0815
#bc0815
rgb(188,8,21)
-
#cf0917
#cf0917
rgb(207,9,23)
-
#e20919
#e20919
rgb(226,9,25)
-
#f40a1b
#f40a1b
rgb(244,10,27)
-
#f61c2c
#f61c2c
rgb(246,28,44)
-
#f62f3e
#f62f3e
rgb(246,47,62)
-
#f7424f
#f7424f
rgb(247,66,79)
-
#f85561
#f85561
rgb(248,85,97)
-
#f96873
#f96873
rgb(249,104,115)
-
#fa7b84
#fa7b84
rgb(250,123,132)
-
#fa8e96
#fa8e96
rgb(250,142,150)
-
#fba0a7
#fba0a7
rgb(251,160,167)
-
#fcb3b9
#fcb3b9
rgb(252,179,185)
-
#fdc6ca
#fdc6ca
rgb(253,198,202)
-
#fdd9dc
#fdd9dc
rgb(253,217,220)
-
#feeced
#feeced
rgb(254,236,237)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f85561
A tone is produced by adding gray to any pure hue. In this case, #ada0a1 is the less saturated color, while #ff4e5b is the most saturated one.
-
#ada0a1
#ada0a1
rgb(173,160,161)
-
#b4999b
#b4999b
rgb(180,153,155)
-
#bb9295
#bb9295
rgb(187,146,149)
-
#c28b8f
#c28b8f
rgb(194,139,143)
-
#c8858a
#c8858a
rgb(200,133,138)
-
#cf7e84
#cf7e84
rgb(207,126,132)
-
#d6777e
#d6777e
rgb(214,119,126)
-
#dd7078
#dd7078
rgb(221,112,120)
-
#e46972
#e46972
rgb(228,105,114)
-
#ea636d
#ea636d
rgb(234,99,109)
-
#f15c67
#f15c67
rgb(241,92,103)
-
#f85561
#f85561
rgb(248,85,97)
-
#ff4e5b
#ff4e5b
rgb(255,78,91)
Color Blindness Simulator
Below, you can see how #f85561 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.