#f55560 Color Information
In a RGB color space, hex #f55560 is composed of 96.1% red, 33.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 355.9 degrees, a saturation of 88.9% and a lightness of 64.7%. #f55560 color hex could be obtained by blending #ffaac0 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 33
- B 38
-
- C 0
- M 65
- Y 61
- K 4
● #f55560 color description : Soft red.
#f55560 Color Conversion
The hexadecimal color #f55560 has RGB values of R:245, G:85, B:96 and CMYK values of C:0, M:0.65, Y:0.61, K:0.04. Its decimal value is 16078176.
| Hex triplet | f55560 | #f55560 |
|---|---|---|
| RGB Decimal | 245, 85, 96 | rgb(245,85,96) |
| RGB Percent | 96.1, 33.3, 37.6 | rgb(96.1%,33.3%,37.6%) |
| CMYK | 0, 65, 61, 4 | |
| HSL | 355.9°, 88.9, 64.7 | hsl(355.9,88.9%,64.7%) |
| HSV (or HSB) | 355.9°, 65.3, 96.1 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 58.75, 61.69, 28.018 |
|---|---|
| XYZ | 43.018, 26.759, 13.965 |
| xyY | 0.514, 0.32, 26.759 |
| CIE-LCH | 58.75, 67.754, 24.426 |
| CIE-LUV | 58.75, 119.147, 20.541 |
| Hunter-Lab | 51.729, 57.915, 20.203 |
| Binary | 11110101, 01010101, 01100000 |
Color Schemes with #f55560
Alternatives to #f55560
Below, you can see some colors close to #f55560. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55560 Preview
This text has a font color of #f55560.
<span style="color:#f55560;">Text here</span>
This paragraph has a background color of #f55560.
<p style="background-color:#f55560;">Content here</p>
This element has a border color of #f55560.
<div style="border:1px solid #f55560;">Content here</div>
.text {color:#f55560;}
.background {background-color:#f55560;}
.border {border:1px solid #f55560;}
Shades and Tints of #f55560
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, #0f0102 is the darkest color, while #fffcfc is the lightest one.
-
#0f0102
#0f0102rgb(15,1,2) -
#220204
#220204rgb(34,2,4) -
#340306
#340306rgb(52,3,6) -
#470409
#470409rgb(71,4,9) -
#59050b
#59050brgb(89,5,11) -
#6c060d
#6c060drgb(108,6,13) -
#7e0710
#7e0710rgb(126,7,16) -
#910912
#910912rgb(145,9,18) -
#a30a14
#a30a14rgb(163,10,20) -
#b60b16
#b60b16rgb(182,11,22) -
#c90c19
#c90c19rgb(201,12,25) -
#db0d1b
#db0d1brgb(219,13,27) -
#ee0e1d
#ee0e1drgb(238,14,29)
-
#f21d2c
#f21d2crgb(242,29,44) -
#f3303d
#f3303drgb(243,48,61) -
#f4424f
#f4424frgb(244,66,79) -
#f55560
#f55560rgb(245,85,96) -
#f66871
#f66871rgb(246,104,113) -
#f77a83
#f77a83rgb(247,122,131) -
#f88d94
#f88d94rgb(248,141,148) -
#f99fa5
#f99fa5rgb(249,159,165) -
#fab2b7
#fab2b7rgb(250,178,183) -
#fcc4c8
#fcc4c8rgb(252,196,200) -
#fdd7d9
#fdd7d9rgb(253,215,217) -
#fee9eb
#fee9ebrgb(254,233,235) -
#fffcfc
#fffcfcrgb(255,252,252)
Tones of #f55560
A tone is produced by adding gray to any pure hue. In this case, #a9a1a2 is the less saturated color, while #fc4e5a is the most saturated one.
-
#a9a1a2
#a9a1a2rgb(169,161,162) -
#b09a9c
#b09a9crgb(176,154,156) -
#b79396
#b79396rgb(183,147,150) -
#be8c90
#be8c90rgb(190,140,144) -
#c5858a
#c5858argb(197,133,138) -
#cb7f84
#cb7f84rgb(203,127,132) -
#d2787e
#d2787ergb(210,120,126) -
#d97178
#d97178rgb(217,113,120) -
#e06a72
#e06a72rgb(224,106,114) -
#e7636c
#e7636crgb(231,99,108) -
#ee5c66
#ee5c66rgb(238,92,102) -
#f55560
#f55560rgb(245,85,96) -
#fc4e5a
#fc4e5argb(252,78,90)
Color Blindness Simulator
Below, you can see how #f55560 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.
