#f56163 Color Information
In a RGB color space, hex #f56163 is composed of 96.1% red, 38% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 59.6% yellow and 3.9% black. It has a hue angle of 359.2 degrees, a saturation of 88.1% and a lightness of 67.1%. #f56163 color hex could be obtained by blending #ffc2c6 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 38
- B 39
-
- C 0
- M 60
- Y 60
- K 4
● #f56163 color description : Soft red.
#f56163 Color Conversion
The hexadecimal color #f56163 has RGB values of R:245, G:97, B:99 and CMYK values of C:0, M:0.6, Y:0.6, K:0.04. Its decimal value is 16081251.
Hex triplet | f56163 | #f56163 |
---|---|---|
RGB Decimal | 245, 97, 99 | rgb(245,97,99) |
RGB Percent | 96.1, 38, 38.8 | rgb(96.1%,38%,38.8%) |
CMYK | 0, 60, 60, 4 | |
HSL | 359.2°, 88.1, 67.1 | hsl(359.2,88.1%,67.1%) |
HSV (or HSB) | 359.2°, 60.4, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 60.664, 56.88, 28.774 |
---|---|
XYZ | 44.185, 28.867, 15.049 |
xyY | 0.502, 0.328, 28.867 |
CIE-LCH | 60.664, 63.744, 26.833 |
CIE-LUV | 60.664, 110.818, 22.91 |
Hunter-Lab | 53.728, 52.769, 21.003 |
Binary | 11110101, 01100001, 01100011 |
Color Schemes with #f56163
Alternatives to #f56163
Below, you can see some colors close to #f56163. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f56163 Preview
This text has a font color of #f56163.
<span style="color:#f56163;">Text here</span>
This paragraph has a background color of #f56163.
<p style="background-color:#f56163;">Content here</p>
This element has a border color of #f56163.
<div style="border:1px solid #f56163;">Content here</div>
.text {color:#f56163;}
.background {background-color:#f56163;}
.border {border:1px solid #f56163;}
Shades and Tints of #f56163
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, #080101 is the darkest color, while #fef5f5 is the lightest one.
-
#080101
#080101
rgb(8,1,1)
-
#1a0202
#1a0202
rgb(26,2,2)
-
#2d0303
#2d0303
rgb(45,3,3)
-
#3f0405
#3f0405
rgb(63,4,5)
-
#520506
#520506
rgb(82,5,6)
-
#640608
#640608
rgb(100,6,8)
-
#770809
#770809
rgb(119,8,9)
-
#89090a
#89090a
rgb(137,9,10)
-
#9c0a0c
#9c0a0c
rgb(156,10,12)
-
#ae0b0d
#ae0b0d
rgb(174,11,13)
-
#c10c0f
#c10c0f
rgb(193,12,15)
-
#d30d10
#d30d10
rgb(211,13,16)
-
#e50f11
#e50f11
rgb(229,15,17)
-
#f0171a
#f0171a
rgb(240,23,26)
-
#f12a2c
#f12a2c
rgb(241,42,44)
-
#f33c3f
#f33c3f
rgb(243,60,63)
-
#f44f51
#f44f51
rgb(244,79,81)
-
#f56163
#f56163
rgb(245,97,99)
-
#f67375
#f67375
rgb(246,115,117)
-
#f78687
#f78687
rgb(247,134,135)
-
#f9989a
#f9989a
rgb(249,152,154)
-
#faabac
#faabac
rgb(250,171,172)
-
#fbbdbe
#fbbdbe
rgb(251,189,190)
-
#fcd0d0
#fcd0d0
rgb(252,208,208)
-
#fde2e3
#fde2e3
rgb(253,226,227)
-
#fef5f5
#fef5f5
rgb(254,245,245)
Tones of #f56163
A tone is produced by adding gray to any pure hue. In this case, #aea8a8 is the less saturated color, while #fb5b5d is the most saturated one.
-
#aea8a8
#aea8a8
rgb(174,168,168)
-
#b4a2a2
#b4a2a2
rgb(180,162,162)
-
#bb9b9c
#bb9b9c
rgb(187,155,156)
-
#c19595
#c19595
rgb(193,149,149)
-
#c88e8f
#c88e8f
rgb(200,142,143)
-
#ce8889
#ce8889
rgb(206,136,137)
-
#d58182
#d58182
rgb(213,129,130)
-
#db7b7c
#db7b7c
rgb(219,123,124)
-
#e27476
#e27476
rgb(226,116,118)
-
#e86e70
#e86e70
rgb(232,110,112)
-
#ef6769
#ef6769
rgb(239,103,105)
-
#f56163
#f56163
rgb(245,97,99)
-
#fb5b5d
#fb5b5d
rgb(251,91,93)
Color Blindness Simulator
Below, you can see how #f56163 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.