#f5555c Color Information
In a RGB color space, hex #f5555c is composed of 96.1% red, 33.3% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 62.4% yellow and 3.9% black. It has a hue angle of 357.4 degrees, a saturation of 88.9% and a lightness of 64.7%. #f5555c color hex could be obtained by blending #ffaab8 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 33
- B 36
-
- C 0
- M 65
- Y 62
- K 4
● #f5555c color description : Soft red.
#f5555c Color Conversion
The hexadecimal color #f5555c has RGB values of R:245, G:85, B:92 and CMYK values of C:0, M:0.65, Y:0.62, K:0.04. Its decimal value is 16078172.
| Hex triplet | f5555c | #f5555c |
|---|---|---|
| RGB Decimal | 245, 85, 92 | rgb(245,85,92) |
| RGB Percent | 96.1, 33.3, 36.1 | rgb(96.1%,33.3%,36.1%) |
| CMYK | 0, 65, 62, 4 | |
| HSL | 357.4°, 88.9, 64.7 | hsl(357.4,88.9%,64.7%) |
| HSV (or HSB) | 357.4°, 65.3, 96.1 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 58.683, 61.444, 30.232 |
|---|---|
| XYZ | 42.838, 26.687, 13.02 |
| xyY | 0.519, 0.323, 26.687 |
| CIE-LCH | 58.683, 68.478, 26.198 |
| CIE-LUV | 58.683, 120.166, 22.702 |
| Hunter-Lab | 51.659, 57.616, 21.218 |
| Binary | 11110101, 01010101, 01011100 |
Color Schemes with #f5555c
Alternatives to #f5555c
Below, you can see some colors close to #f5555c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5555c Preview
This text has a font color of #f5555c.
<span style="color:#f5555c;">Text here</span>
This paragraph has a background color of #f5555c.
<p style="background-color:#f5555c;">Content here</p>
This element has a border color of #f5555c.
<div style="border:1px solid #f5555c;">Content here</div>
.text {color:#f5555c;}
.background {background-color:#f5555c;}
.border {border:1px solid #f5555c;}
Shades and Tints of #f5555c
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) -
#220203
#220203rgb(34,2,3) -
#340305
#340305rgb(52,3,5) -
#470407
#470407rgb(71,4,7) -
#590509
#590509rgb(89,5,9) -
#6c060b
#6c060brgb(108,6,11) -
#7e070d
#7e070drgb(126,7,13) -
#91090e
#91090ergb(145,9,14) -
#a30a10
#a30a10rgb(163,10,16) -
#b60b12
#b60b12rgb(182,11,18) -
#c90c14
#c90c14rgb(201,12,20) -
#db0d16
#db0d16rgb(219,13,22) -
#ee0e18
#ee0e18rgb(238,14,24)
-
#f21d27
#f21d27rgb(242,29,39) -
#f33038
#f33038rgb(243,48,56) -
#f4424a
#f4424argb(244,66,74) -
#f5555c
#f5555crgb(245,85,92) -
#f6686e
#f6686ergb(246,104,110) -
#f77a80
#f77a80rgb(247,122,128) -
#f88d91
#f88d91rgb(248,141,145) -
#f99fa3
#f99fa3rgb(249,159,163) -
#fab2b5
#fab2b5rgb(250,178,181) -
#fcc4c7
#fcc4c7rgb(252,196,199) -
#fdd7d8
#fdd7d8rgb(253,215,216) -
#fee9ea
#fee9eargb(254,233,234) -
#fffcfc
#fffcfcrgb(255,252,252)
Tones of #f5555c
A tone is produced by adding gray to any pure hue. In this case, #a9a1a1 is the less saturated color, while #fc4e56 is the most saturated one.
-
#a9a1a1
#a9a1a1rgb(169,161,161) -
#b09a9b
#b09a9brgb(176,154,155) -
#b79395
#b79395rgb(183,147,149) -
#be8c8f
#be8c8frgb(190,140,143) -
#c58588
#c58588rgb(197,133,136) -
#cb7f82
#cb7f82rgb(203,127,130) -
#d2787c
#d2787crgb(210,120,124) -
#d97175
#d97175rgb(217,113,117) -
#e06a6f
#e06a6frgb(224,106,111) -
#e76369
#e76369rgb(231,99,105) -
#ee5c62
#ee5c62rgb(238,92,98) -
#f5555c
#f5555crgb(245,85,92) -
#fc4e56
#fc4e56rgb(252,78,86)
Color Blindness Simulator
Below, you can see how #f5555c 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.
