#f85959 Color Information
In a RGB color space, hex #f85959 is composed of 97.3% red, 34.9% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 64.1% yellow and 2.7% black. It has a hue angle of 0 degrees, a saturation of 91.9% and a lightness of 66.1%. #f85959 color hex could be obtained by blending #ffb2b2 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 35
- B 35
-
- C 0
- M 64
- Y 64
- K 3
● #f85959 color description : Soft red.
#f85959 Color Conversion
The hexadecimal color #f85959 has RGB values of R:248, G:89, B:89 and CMYK values of C:0, M:0.64, Y:0.64, K:0.03. Its decimal value is 16275801.
| Hex triplet | f85959 | #f85959 |
|---|---|---|
| RGB Decimal | 248, 89, 89 | rgb(248,89,89) |
| RGB Percent | 97.3, 34.9, 34.9 | rgb(97.3%,34.9%,34.9%) |
| CMYK | 0, 64, 64, 3 | |
| HSL | 0°, 91.9, 66.1 | hsl(0,91.9%,66.1%) |
| HSV (or HSB) | 0°, 64.1, 97.3 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 59.732, 60.617, 33.369 |
|---|---|
| XYZ | 44.089, 27.827, 12.5 |
| xyY | 0.522, 0.33, 27.827 |
| CIE-LCH | 59.732, 69.195, 28.833 |
| CIE-LUV | 59.732, 120.81, 26.06 |
| Hunter-Lab | 52.751, 56.872, 22.876 |
| Binary | 11111000, 01011001, 01011001 |
Color Schemes with #f85959
Alternatives to #f85959
Below, you can see some colors close to #f85959. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85959 Preview
This text has a font color of #f85959.
<span style="color:#f85959;">Text here</span>
This paragraph has a background color of #f85959.
<p style="background-color:#f85959;">Content here</p>
This element has a border color of #f85959.
<div style="border:1px solid #f85959;">Content here</div>
.text {color:#f85959;}
.background {background-color:#f85959;}
.border {border:1px solid #f85959;}
Shades and Tints of #f85959
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, #030000 is the darkest color, while #fef0f0 is the lightest one.
-
#030000
#030000rgb(3,0,0) -
#160101
#160101rgb(22,1,1) -
#290202
#290202rgb(41,2,2) -
#3c0303
#3c0303rgb(60,3,3) -
#4f0303
#4f0303rgb(79,3,3) -
#620404
#620404rgb(98,4,4) -
#740505
#740505rgb(116,5,5) -
#870606
#870606rgb(135,6,6) -
#9a0606
#9a0606rgb(154,6,6) -
#ad0707
#ad0707rgb(173,7,7) -
#c00808
#c00808rgb(192,8,8) -
#d20909
#d20909rgb(210,9,9) -
#e50a0a
#e50a0argb(229,10,10)
-
#f50e0e
#f50e0ergb(245,14,14) -
#f62121
#f62121rgb(246,33,33) -
#f63333
#f63333rgb(246,51,51) -
#f74646
#f74646rgb(247,70,70) -
#f85959
#f85959rgb(248,89,89) -
#f96c6c
#f96c6crgb(249,108,108) -
#fa7f7f
#fa7f7frgb(250,127,127) -
#fa9191
#fa9191rgb(250,145,145) -
#fba4a4
#fba4a4rgb(251,164,164) -
#fcb7b7
#fcb7b7rgb(252,183,183) -
#fdcaca
#fdcacargb(253,202,202) -
#fedddd
#feddddrgb(254,221,221) -
#fef0f0
#fef0f0rgb(254,240,240)
Tones of #f85959
A tone is produced by adding gray to any pure hue. In this case, #afa2a2 is the less saturated color, while #ff5252 is the most saturated one.
-
#afa2a2
#afa2a2rgb(175,162,162) -
#b59c9c
#b59c9crgb(181,156,156) -
#bc9595
#bc9595rgb(188,149,149) -
#c38e8e
#c38e8ergb(195,142,142) -
#c98888
#c98888rgb(201,136,136) -
#d08181
#d08181rgb(208,129,129) -
#d77a7a
#d77a7argb(215,122,122) -
#dd7474
#dd7474rgb(221,116,116) -
#e46d6d
#e46d6drgb(228,109,109) -
#eb6666
#eb6666rgb(235,102,102) -
#f16060
#f16060rgb(241,96,96) -
#f85959
#f85959rgb(248,89,89) -
#ff5252
#ff5252rgb(255,82,82)
Color Blindness Simulator
Below, you can see how #f85959 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.
