#f85f55 Color Information
In a RGB color space, hex #f85f55 is composed of 97.3% red, 37.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.7% magenta, 65.7% yellow and 2.7% black. It has a hue angle of 3.7 degrees, a saturation of 92.1% and a lightness of 65.3%. #f85f55 color hex could be obtained by blending #ffbeaa with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 37
- B 33
-
- C 0
- M 62
- Y 66
- K 3
● #f85f55 color description : Soft red.
#f85f55 Color Conversion
The hexadecimal color #f85f55 has RGB values of R:248, G:95, B:85 and CMYK values of C:0, M:0.62, Y:0.66, K:0.03. Its decimal value is 16277333.
Hex triplet | f85f55 | #f85f55 |
---|---|---|
RGB Decimal | 248, 95, 85 | rgb(248,95,85) |
RGB Percent | 97.3, 37.3, 33.3 | rgb(97.3%,37.3%,33.3%) |
CMYK | 0, 62, 66, 3 | |
HSL | 3.7°, 92.1, 65.3 | hsl(3.7,92.1%,65.3%) |
HSV (or HSB) | 3.7°, 65.7, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 60.606, 57.891, 36.691 |
---|---|
XYZ | 44.445, 28.801, 11.813 |
xyY | 0.523, 0.339, 28.801 |
CIE-LCH | 60.606, 68.539, 32.367 |
CIE-LUV | 60.606, 117.75, 29.965 |
Hunter-Lab | 53.667, 53.91, 24.516 |
Binary | 11111000, 01011111, 01010101 |
Color Schemes with #f85f55
Alternatives to #f85f55
Below, you can see some colors close to #f85f55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85f55 Preview
This text has a font color of #f85f55.
<span style="color:#f85f55;">Text here</span>
This paragraph has a background color of #f85f55.
<p style="background-color:#f85f55;">Content here</p>
This element has a border color of #f85f55.
<div style="border:1px solid #f85f55;">Content here</div>
.text {color:#f85f55;}
.background {background-color:#f85f55;}
.border {border:1px solid #f85f55;}
Shades and Tints of #f85f55
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, #120201 is the darkest color, while #ffffff is the lightest one.
-
#120201
#120201
rgb(18,2,1)
-
#250402
#250402
rgb(37,4,2)
-
#380602
#380602
rgb(56,6,2)
-
#4b0703
#4b0703
rgb(75,7,3)
-
#5e0904
#5e0904
rgb(94,9,4)
-
#710b05
#710b05
rgb(113,11,5)
-
#830d05
#830d05
rgb(131,13,5)
-
#960f06
#960f06
rgb(150,15,6)
-
#a91107
#a91107
rgb(169,17,7)
-
#bc1308
#bc1308
rgb(188,19,8)
-
#cf1509
#cf1509
rgb(207,21,9)
-
#e21709
#e21709
rgb(226,23,9)
-
#f4180a
#f4180a
rgb(244,24,10)
-
#f62a1c
#f62a1c
rgb(246,42,28)
-
#f63c2f
#f63c2f
rgb(246,60,47)
-
#f74d42
#f74d42
rgb(247,77,66)
-
#f85f55
#f85f55
rgb(248,95,85)
-
#f97168
#f97168
rgb(249,113,104)
-
#fa827b
#fa827b
rgb(250,130,123)
-
#fa948e
#fa948e
rgb(250,148,142)
-
#fba6a0
#fba6a0
rgb(251,166,160)
-
#fcb8b3
#fcb8b3
rgb(252,184,179)
-
#fdc9c6
#fdc9c6
rgb(253,201,198)
-
#fddbd9
#fddbd9
rgb(253,219,217)
-
#feedec
#feedec
rgb(254,237,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f85f55
A tone is produced by adding gray to any pure hue. In this case, #ada1a0 is the less saturated color, while #ff594e is the most saturated one.
-
#ada1a0
#ada1a0
rgb(173,161,160)
-
#b49b99
#b49b99
rgb(180,155,153)
-
#bb9592
#bb9592
rgb(187,149,146)
-
#c28f8b
#c28f8b
rgb(194,143,139)
-
#c88985
#c88985
rgb(200,137,133)
-
#cf837e
#cf837e
rgb(207,131,126)
-
#d67d77
#d67d77
rgb(214,125,119)
-
#dd7770
#dd7770
rgb(221,119,112)
-
#e47169
#e47169
rgb(228,113,105)
-
#ea6b63
#ea6b63
rgb(234,107,99)
-
#f1655c
#f1655c
rgb(241,101,92)
-
#f85f55
#f85f55
rgb(248,95,85)
-
#ff594e
#ff594e
rgb(255,89,78)
Color Blindness Simulator
Below, you can see how #f85f55 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.