#f56556 Color Information
In a RGB color space, hex #f56556 is composed of 96.1% red, 39.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 64.9% yellow and 3.9% black. It has a hue angle of 5.7 degrees, a saturation of 88.8% and a lightness of 64.9%. #f56556 color hex could be obtained by blending #ffcaac with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 40
- B 34
-
- C 0
- M 59
- Y 65
- K 4
● #f56556 color description : Soft red.
#f56556 Color Conversion
The hexadecimal color #f56556 has RGB values of R:245, G:101, B:86 and CMYK values of C:0, M:0.59, Y:0.65, K:0.04. Its decimal value is 16082262.
Hex triplet | f56556 | #f56556 |
---|---|---|
RGB Decimal | 245, 101, 86 | rgb(245,101,86) |
RGB Percent | 96.1, 39.6, 33.7 | rgb(96.1%,39.6%,33.7%) |
CMYK | 0, 59, 65, 4 | |
HSL | 5.7°, 88.8, 64.9 | hsl(5.7,88.8%,64.9%) |
HSV (or HSB) | 5.7°, 64.9, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.13, 54.308, 36.666 |
---|---|
XYZ | 43.991, 29.396, 12.161 |
xyY | 0.514, 0.344, 29.396 |
CIE-LCH | 61.13, 65.527, 34.025 |
CIE-LUV | 61.13, 110.965, 31.041 |
Hunter-Lab | 54.218, 49.948, 24.654 |
Binary | 11110101, 01100101, 01010110 |
Color Schemes with #f56556
Alternatives to #f56556
Below, you can see some colors close to #f56556. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56556 Preview
This text has a font color of #f56556.
<span style="color:#f56556;">Text here</span>
This paragraph has a background color of #f56556.
<p style="background-color:#f56556;">Content here</p>
This element has a border color of #f56556.
<div style="border:1px solid #f56556;">Content here</div>
.text {color:#f56556;}
.background {background-color:#f56556;}
.border {border:1px solid #f56556;}
Shades and Tints of #f56556
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, #100201 is the darkest color, while #fffdfd is the lightest one.
-
#100201
#100201
rgb(16,2,1)
-
#230502
#230502
rgb(35,5,2)
-
#350803
#350803
rgb(53,8,3)
-
#480b04
#480b04
rgb(72,11,4)
-
#5a0d05
#5a0d05
rgb(90,13,5)
-
#6d1006
#6d1006
rgb(109,16,6)
-
#7f1308
#7f1308
rgb(127,19,8)
-
#921609
#921609
rgb(146,22,9)
-
#a4180a
#a4180a
rgb(164,24,10)
-
#b71b0b
#b71b0b
rgb(183,27,11)
-
#c91e0c
#c91e0c
rgb(201,30,12)
-
#dc210d
#dc210d
rgb(220,33,13)
-
#ee230e
#ee230e
rgb(238,35,14)
-
#f2321e
#f2321e
rgb(242,50,30)
-
#f34331
#f34331
rgb(243,67,49)
-
#f45443
#f45443
rgb(244,84,67)
-
#f56556
#f56556
rgb(245,101,86)
-
#f67669
#f67669
rgb(246,118,105)
-
#f7877b
#f7877b
rgb(247,135,123)
-
#f8988e
#f8988e
rgb(248,152,142)
-
#f9a9a0
#f9a9a0
rgb(249,169,160)
-
#fab9b3
#fab9b3
rgb(250,185,179)
-
#fccac5
#fccac5
rgb(252,202,197)
-
#fddbd8
#fddbd8
rgb(253,219,216)
-
#feecea
#feecea
rgb(254,236,234)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f56556
A tone is produced by adding gray to any pure hue. In this case, #a9a2a2 is the less saturated color, while #fc5f4f is the most saturated one.
-
#a9a2a2
#a9a2a2
rgb(169,162,162)
-
#b09d9b
#b09d9b
rgb(176,157,155)
-
#b79794
#b79794
rgb(183,151,148)
-
#be928d
#be928d
rgb(190,146,141)
-
#c58c86
#c58c86
rgb(197,140,134)
-
#cc877f
#cc877f
rgb(204,135,127)
-
#d38178
#d38178
rgb(211,129,120)
-
#d97b72
#d97b72
rgb(217,123,114)
-
#e0766b
#e0766b
rgb(224,118,107)
-
#e77064
#e77064
rgb(231,112,100)
-
#ee6b5d
#ee6b5d
rgb(238,107,93)
-
#f56556
#f56556
rgb(245,101,86)
-
#fc5f4f
#fc5f4f
rgb(252,95,79)
Color Blindness Simulator
Below, you can see how #f56556 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.