#f55356 Color Information
In a RGB color space, hex #f55356 is composed of 96.1% red, 32.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 64.9% yellow and 3.9% black. It has a hue angle of 358.9 degrees, a saturation of 89% and a lightness of 64.3%. #f55356 color hex could be obtained by blending #ffa6ac with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 33
- B 34
-
- C 0
- M 66
- Y 65
- K 4
● #f55356 color description : Soft red.
#f55356 Color Conversion
The hexadecimal color #f55356 has RGB values of R:245, G:83, B:86 and CMYK values of C:0, M:0.66, Y:0.65, K:0.04. Its decimal value is 16077654.
Hex triplet | f55356 | #f55356 |
---|---|---|
RGB Decimal | 245, 83, 86 | rgb(245,83,86) |
RGB Percent | 96.1, 32.5, 33.7 | rgb(96.1%,32.5%,33.7%) |
CMYK | 0, 66, 65, 4 | |
HSL | 358.9°, 89, 64.3 | hsl(358.9,89%,64.3%) |
HSV (or HSB) | 358.9°, 66.1, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 58.298, 61.887, 33.176 |
---|---|
XYZ | 42.431, 26.275, 11.641 |
xyY | 0.528, 0.327, 26.275 |
CIE-LCH | 58.298, 70.219, 28.194 |
CIE-LUV | 58.298, 122.877, 25.181 |
Hunter-Lab | 51.26, 58.051, 22.417 |
Binary | 11110101, 01010011, 01010110 |
Color Schemes with #f55356
Alternatives to #f55356
Below, you can see some colors close to #f55356. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55356 Preview
This text has a font color of #f55356.
<span style="color:#f55356;">Text here</span>
This paragraph has a background color of #f55356.
<p style="background-color:#f55356;">Content here</p>
This element has a border color of #f55356.
<div style="border:1px solid #f55356;">Content here</div>
.text {color:#f55356;}
.background {background-color:#f55356;}
.border {border:1px solid #f55356;}
Shades and Tints of #f55356
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, #0d0101 is the darkest color, while #fffafa is the lightest one.
-
#0d0101
#0d0101
rgb(13,1,1)
-
#200202
#200202
rgb(32,2,2)
-
#320304
#320304
rgb(50,3,4)
-
#450405
#450405
rgb(69,4,5)
-
#580507
#580507
rgb(88,5,7)
-
#6a0608
#6a0608
rgb(106,6,8)
-
#7d0709
#7d0709
rgb(125,7,9)
-
#8f080b
#8f080b
rgb(143,8,11)
-
#a2090c
#a2090c
rgb(162,9,12)
-
#b40a0e
#b40a0e
rgb(180,10,14)
-
#c70c0f
#c70c0f
rgb(199,12,15)
-
#d90d10
#d90d10
rgb(217,13,16)
-
#ec0e12
#ec0e12
rgb(236,14,18)
-
#f21b1f
#f21b1f
rgb(242,27,31)
-
#f32e32
#f32e32
rgb(243,46,50)
-
#f44044
#f44044
rgb(244,64,68)
-
#f55356
#f55356
rgb(245,83,86)
-
#f66668
#f66668
rgb(246,102,104)
-
#f7787a
#f7787a
rgb(247,120,122)
-
#f88b8d
#f88b8d
rgb(248,139,141)
-
#f99d9f
#f99d9f
rgb(249,157,159)
-
#fab0b1
#fab0b1
rgb(250,176,177)
-
#fbc2c3
#fbc2c3
rgb(251,194,195)
-
#fdd5d6
#fdd5d6
rgb(253,213,214)
-
#fee7e8
#fee7e8
rgb(254,231,232)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f55356
A tone is produced by adding gray to any pure hue. In this case, #a8a0a0 is the less saturated color, while #fc4c4f is the most saturated one.
-
#a8a0a0
#a8a0a0
rgb(168,160,160)
-
#af9999
#af9999
rgb(175,153,153)
-
#b69293
#b69293
rgb(182,146,147)
-
#bd8b8c
#bd8b8c
rgb(189,139,140)
-
#c48485
#c48485
rgb(196,132,133)
-
#cb7d7e
#cb7d7e
rgb(203,125,126)
-
#d27678
#d27678
rgb(210,118,120)
-
#d96f71
#d96f71
rgb(217,111,113)
-
#e0686a
#e0686a
rgb(224,104,106)
-
#e76163
#e76163
rgb(231,97,99)
-
#ee5a5d
#ee5a5d
rgb(238,90,93)
-
#f55356
#f55356
rgb(245,83,86)
-
#fc4c4f
#fc4c4f
rgb(252,76,79)
Color Blindness Simulator
Below, you can see how #f55356 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.