#f55960 Color Information
In a RGB color space, hex #f55960 is composed of 96.1% red, 34.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.7% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 357.3 degrees, a saturation of 88.6% and a lightness of 65.5%. #f55960 color hex could be obtained by blending #ffb2c0 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 35
- B 38
-
- C 0
- M 64
- Y 61
- K 4
● #f55960 color description : Soft red.
#f55960 Color Conversion
The hexadecimal color #f55960 has RGB values of R:245, G:89, B:96 and CMYK values of C:0, M:0.64, Y:0.61, K:0.04. Its decimal value is 16079200.
| Hex triplet | f55960 | #f55960 |
|---|---|---|
| RGB Decimal | 245, 89, 96 | rgb(245,89,96) |
| RGB Percent | 96.1, 34.9, 37.6 | rgb(96.1%,34.9%,37.6%) |
| CMYK | 0, 64, 61, 4 | |
| HSL | 357.3°, 88.6, 65.5 | hsl(357.3,88.6%,65.5%) |
| HSV (or HSB) | 357.3°, 63.7, 96.1 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 59.349, 60.072, 28.79 |
|---|---|
| XYZ | 43.341, 27.406, 14.073 |
| xyY | 0.511, 0.323, 27.406 |
| CIE-LCH | 59.349, 66.615, 25.606 |
| CIE-LUV | 59.349, 116.676, 21.833 |
| Hunter-Lab | 52.351, 56.166, 20.707 |
| Binary | 11110101, 01011001, 01100000 |
Color Schemes with #f55960
Alternatives to #f55960
Below, you can see some colors close to #f55960. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55960 Preview
This text has a font color of #f55960.
<span style="color:#f55960;">Text here</span>
This paragraph has a background color of #f55960.
<p style="background-color:#f55960;">Content here</p>
This element has a border color of #f55960.
<div style="border:1px solid #f55960;">Content here</div>
.text {color:#f55960;}
.background {background-color:#f55960;}
.border {border:1px solid #f55960;}
Shades and Tints of #f55960
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, #010000 is the darkest color, while #feedee is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#130102
#130102rgb(19,1,2) -
#260204
#260204rgb(38,2,4) -
#380306
#380306rgb(56,3,6) -
#4b0408
#4b0408rgb(75,4,8) -
#5d060a
#5d060argb(93,6,10) -
#70070b
#70070brgb(112,7,11) -
#82080d
#82080drgb(130,8,13) -
#95090f
#95090frgb(149,9,15) -
#a70a11
#a70a11rgb(167,10,17) -
#ba0b13
#ba0b13rgb(186,11,19) -
#cc0c15
#cc0c15rgb(204,12,21) -
#df0d17
#df0d17rgb(223,13,23)
-
#f10f19
#f10f19rgb(241,15,25) -
#f2212b
#f2212brgb(242,33,43) -
#f3343d
#f3343drgb(243,52,61) -
#f4464e
#f4464ergb(244,70,78) -
#f55960
#f55960rgb(245,89,96) -
#f66c72
#f66c72rgb(246,108,114) -
#f77e83
#f77e83rgb(247,126,131) -
#f89195
#f89195rgb(248,145,149) -
#f9a3a7
#f9a3a7rgb(249,163,167) -
#fbb6b9
#fbb6b9rgb(251,182,185) -
#fcc8ca
#fcc8cargb(252,200,202) -
#fddbdc
#fddbdcrgb(253,219,220) -
#feedee
#feedeergb(254,237,238)
Tones of #f55960
A tone is produced by adding gray to any pure hue. In this case, #aba3a4 is the less saturated color, while #fc525a is the most saturated one.
-
#aba3a4
#aba3a4rgb(171,163,164) -
#b19d9e
#b19d9ergb(177,157,158) -
#b89697
#b89697rgb(184,150,151) -
#bf8f91
#bf8f91rgb(191,143,145) -
#c6888b
#c6888brgb(198,136,139) -
#cc8285
#cc8285rgb(204,130,133) -
#d37b7f
#d37b7frgb(211,123,127) -
#da7479
#da7479rgb(218,116,121) -
#e16d72
#e16d72rgb(225,109,114) -
#e7676c
#e7676crgb(231,103,108) -
#ee6066
#ee6066rgb(238,96,102) -
#f55960
#f55960rgb(245,89,96) -
#fc525a
#fc525argb(252,82,90)
Color Blindness Simulator
Below, you can see how #f55960 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.
