#f55153 Color Information
In a RGB color space, hex #f55153 is composed of 96.1% red, 31.8% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 66.1% yellow and 3.9% black. It has a hue angle of 359.3 degrees, a saturation of 89.1% and a lightness of 63.9%. #f55153 color hex could be obtained by blending #ffa2a6 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 32
- B 33
-
- C 0
- M 67
- Y 66
- K 4
● #f55153 color description : Soft red.
#f55153 Color Conversion
The hexadecimal color #f55153 has RGB values of R:245, G:81, B:83 and CMYK values of C:0, M:0.67, Y:0.66, K:0.04. Its decimal value is 16077139.
| Hex triplet | f55153 | #f55153 |
|---|---|---|
| RGB Decimal | 245, 81, 83 | rgb(245,81,83) |
| RGB Percent | 96.1, 31.8, 32.5 | rgb(96.1%,31.8%,32.5%) |
| CMYK | 0, 67, 66, 4 | |
| HSL | 359.3°, 89.1, 63.9 | hsl(359.3,89.1%,63.9%) |
| HSV (or HSB) | 359.3°, 66.9, 96.1 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 57.967, 62.502, 34.474 |
|---|---|
| XYZ | 42.162, 25.927, 10.967 |
| xyY | 0.533, 0.328, 25.927 |
| CIE-LCH | 57.967, 71.379, 28.88 |
| CIE-LUV | 57.967, 124.832, 26.066 |
| Hunter-Lab | 50.918, 58.697, 22.872 |
| Binary | 11110101, 01010001, 01010011 |
Color Schemes with #f55153
Alternatives to #f55153
Below, you can see some colors close to #f55153. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55153 Preview
This text has a font color of #f55153.
<span style="color:#f55153;">Text here</span>
This paragraph has a background color of #f55153.
<p style="background-color:#f55153;">Content here</p>
This element has a border color of #f55153.
<div style="border:1px solid #f55153;">Content here</div>
.text {color:#f55153;}
.background {background-color:#f55153;}
.border {border:1px solid #f55153;}
Shades and Tints of #f55153
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, #0b0101 is the darkest color, while #fff8f8 is the lightest one.
-
#0b0101
#0b0101rgb(11,1,1) -
#1e0202
#1e0202rgb(30,2,2) -
#310303
#310303rgb(49,3,3) -
#430405
#430405rgb(67,4,5) -
#560506
#560506rgb(86,5,6) -
#680607
#680607rgb(104,6,7) -
#7b0708
#7b0708rgb(123,7,8) -
#8d080a
#8d080argb(141,8,10) -
#a0090b
#a0090brgb(160,9,11) -
#b20a0c
#b20a0crgb(178,10,12) -
#c50b0e
#c50b0ergb(197,11,14) -
#d80c0f
#d80c0frgb(216,12,15) -
#ea0d10
#ea0d10rgb(234,13,16)
-
#f2191c
#f2191crgb(242,25,28) -
#f32c2e
#f32c2ergb(243,44,46) -
#f43e41
#f43e41rgb(244,62,65) -
#f55153
#f55153rgb(245,81,83) -
#f66465
#f66465rgb(246,100,101) -
#f77678
#f77678rgb(247,118,120) -
#f8898a
#f8898argb(248,137,138) -
#f99b9c
#f99b9crgb(249,155,156) -
#faaeaf
#faaeafrgb(250,174,175) -
#fbc0c1
#fbc0c1rgb(251,192,193) -
#fcd3d3
#fcd3d3rgb(252,211,211) -
#fee5e6
#fee5e6rgb(254,229,230) -
#fff8f8
#fff8f8rgb(255,248,248)
Tones of #f55153
A tone is produced by adding gray to any pure hue. In this case, #a79f9f is the less saturated color, while #fc4a4c is the most saturated one.
-
#a79f9f
#a79f9frgb(167,159,159) -
#ae9898
#ae9898rgb(174,152,152) -
#b59191
#b59191rgb(181,145,145) -
#bc8a8a
#bc8a8argb(188,138,138) -
#c38383
#c38383rgb(195,131,131) -
#cb7b7c
#cb7b7crgb(203,123,124) -
#d27476
#d27476rgb(210,116,118) -
#d96d6f
#d96d6frgb(217,109,111) -
#e06668
#e06668rgb(224,102,104) -
#e75f61
#e75f61rgb(231,95,97) -
#ee585a
#ee585argb(238,88,90) -
#f55153
#f55153rgb(245,81,83) -
#fc4a4c
#fc4a4crgb(252,74,76)
Color Blindness Simulator
Below, you can see how #f55153 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.
