#f55455 Color Information
In a RGB color space, hex #f55455 is composed of 96.1% red, 32.9% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 65.3% yellow and 3.9% black. It has a hue angle of 359.6 degrees, a saturation of 89% and a lightness of 64.5%. #f55455 color hex could be obtained by blending #ffa8aa with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 33
- B 33
-
- C 0
- M 66
- Y 65
- K 4
● #f55455 color description : Soft red.
#f55455 Color Conversion
The hexadecimal color #f55455 has RGB values of R:245, G:84, B:85 and CMYK values of C:0, M:0.66, Y:0.65, K:0.04. Its decimal value is 16077909.
Hex triplet | f55455 | #f55455 |
---|---|---|
RGB Decimal | 245, 84, 85 | rgb(245,84,85) |
RGB Percent | 96.1, 32.9, 33.3 | rgb(96.1%,32.9%,33.3%) |
CMYK | 0, 66, 65, 4 | |
HSL | 359.6°, 89, 64.5 | hsl(359.6,89%,64.5%) |
HSV (or HSB) | 359.6°, 65.7, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 58.428, 61.438, 33.906 |
---|---|
XYZ | 42.468, 26.414, 11.456 |
xyY | 0.529, 0.329, 26.414 |
CIE-LCH | 58.428, 70.173, 28.893 |
CIE-LUV | 58.428, 122.491, 25.981 |
Hunter-Lab | 51.394, 57.558, 22.76 |
Binary | 11110101, 01010100, 01010101 |
Color Schemes with #f55455
Alternatives to #f55455
Below, you can see some colors close to #f55455. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55455 Preview
This text has a font color of #f55455.
<span style="color:#f55455;">Text here</span>
This paragraph has a background color of #f55455.
<p style="background-color:#f55455;">Content here</p>
This element has a border color of #f55455.
<div style="border:1px solid #f55455;">Content here</div>
.text {color:#f55455;}
.background {background-color:#f55455;}
.border {border:1px solid #f55455;}
Shades and Tints of #f55455
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, #0e0101 is the darkest color, while #fffbfb is the lightest one.
-
#0e0101
#0e0101
rgb(14,1,1)
-
#210202
#210202
rgb(33,2,2)
-
#330303
#330303
rgb(51,3,3)
-
#460404
#460404
rgb(70,4,4)
-
#580506
#580506
rgb(88,5,6)
-
#6b0607
#6b0607
rgb(107,6,7)
-
#7e0708
#7e0708
rgb(126,7,8)
-
#900809
#900809
rgb(144,8,9)
-
#a30a0a
#a30a0a
rgb(163,10,10)
-
#b50b0c
#b50b0c
rgb(181,11,12)
-
#c80c0d
#c80c0d
rgb(200,12,13)
-
#da0d0e
#da0d0e
rgb(218,13,14)
-
#ed0e0f
#ed0e0f
rgb(237,14,15)
-
#f21c1e
#f21c1e
rgb(242,28,30)
-
#f32f30
#f32f30
rgb(243,47,48)
-
#f44143
#f44143
rgb(244,65,67)
-
#f55455
#f55455
rgb(245,84,85)
-
#f66767
#f66767
rgb(246,103,103)
-
#f7797a
#f7797a
rgb(247,121,122)
-
#f88c8c
#f88c8c
rgb(248,140,140)
-
#f99e9f
#f99e9f
rgb(249,158,159)
-
#fab1b1
#fab1b1
rgb(250,177,177)
-
#fcc3c4
#fcc3c4
rgb(252,195,196)
-
#fdd6d6
#fdd6d6
rgb(253,214,214)
-
#fee8e8
#fee8e8
rgb(254,232,232)
-
#fffbfb
#fffbfb
rgb(255,251,251)
Tones of #f55455
A tone is produced by adding gray to any pure hue. In this case, #a8a1a1 is the less saturated color, while #fc4d4e is the most saturated one.
-
#a8a1a1
#a8a1a1
rgb(168,161,161)
-
#af9a9a
#af9a9a
rgb(175,154,154)
-
#b69393
#b69393
rgb(182,147,147)
-
#bd8c8c
#bd8c8c
rgb(189,140,140)
-
#c48585
#c48585
rgb(196,133,133)
-
#cb7e7e
#cb7e7e
rgb(203,126,126)
-
#d27777
#d27777
rgb(210,119,119)
-
#d97071
#d97071
rgb(217,112,113)
-
#e0696a
#e0696a
rgb(224,105,106)
-
#e76263
#e76263
rgb(231,98,99)
-
#ee5b5c
#ee5b5c
rgb(238,91,92)
-
#f55455
#f55455
rgb(245,84,85)
-
#fc4d4e
#fc4d4e
rgb(252,77,78)
Color Blindness Simulator
Below, you can see how #f55455 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.