#f58561 Color Information
In a RGB color space, hex #f58561 is composed of 96.1% red, 52.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 60.4% yellow and 3.9% black. It has a hue angle of 14.6 degrees, a saturation of 88.1% and a lightness of 67.1%. #f58561 color hex could be obtained by blending #ffffc2 with #eb0b00. Closest websafe color is: #ff9966.
-
- R 96
- G 52
- B 38
-
- C 0
- M 46
- Y 60
- K 4
● #f58561 color description : Soft red.
#f58561 Color Conversion
The hexadecimal color #f58561 has RGB values of R:245, G:133, B:97 and CMYK values of C:0, M:0.46, Y:0.6, K:0.04. Its decimal value is 16090465.
Hex triplet | f58561 | #f58561 |
---|---|---|
RGB Decimal | 245, 133, 97 | rgb(245,133,97) |
RGB Percent | 96.1, 52.2, 38 | rgb(96.1%,52.2%,38%) |
CMYK | 0, 46, 60, 4 | |
HSL | 14.6°, 88.1, 67.1 | hsl(14.6,88.1%,67.1%) |
HSV (or HSB) | 14.6°, 60.4, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 67.318, 39.603, 38.283 |
---|---|
XYZ | 48.203, 37.055, 15.922 |
xyY | 0.476, 0.366, 37.055 |
CIE-LCH | 67.318, 55.081, 44.029 |
CIE-LUV | 67.318, 85.744, 37.91 |
Hunter-Lab | 60.872, 34.821, 27.102 |
Binary | 11110101, 10000101, 01100001 |
Color Schemes with #f58561
Alternatives to #f58561
Below, you can see some colors close to #f58561. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f58561 Preview
This text has a font color of #f58561.
<span style="color:#f58561;">Text here</span>
This paragraph has a background color of #f58561.
<p style="background-color:#f58561;">Content here</p>
This element has a border color of #f58561.
<div style="border:1px solid #f58561;">Content here</div>
.text {color:#f58561;}
.background {background-color:#f58561;}
.border {border:1px solid #f58561;}
Shades and Tints of #f58561
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, #080201 is the darkest color, while #fef7f5 is the lightest one.
-
#080201
#080201
rgb(8,2,1)
-
#1a0802
#1a0802
rgb(26,8,2)
-
#2d0d03
#2d0d03
rgb(45,13,3)
-
#3f1204
#3f1204
rgb(63,18,4)
-
#521805
#521805
rgb(82,24,5)
-
#641d06
#641d06
rgb(100,29,6)
-
#772308
#772308
rgb(119,35,8)
-
#892809
#892809
rgb(137,40,9)
-
#9c2d0a
#9c2d0a
rgb(156,45,10)
-
#ae330b
#ae330b
rgb(174,51,11)
-
#c1380c
#c1380c
rgb(193,56,12)
-
#d33d0d
#d33d0d
rgb(211,61,13)
-
#e5430f
#e5430f
rgb(229,67,15)
-
#f04c17
#f04c17
rgb(240,76,23)
-
#f15a2a
#f15a2a
rgb(241,90,42)
-
#f3693c
#f3693c
rgb(243,105,60)
-
#f4774f
#f4774f
rgb(244,119,79)
-
#f58561
#f58561
rgb(245,133,97)
-
#f69373
#f69373
rgb(246,147,115)
-
#f7a186
#f7a186
rgb(247,161,134)
-
#f9b098
#f9b098
rgb(249,176,152)
-
#fabeab
#fabeab
rgb(250,190,171)
-
#fbccbd
#fbccbd
rgb(251,204,189)
-
#fcdad0
#fcdad0
rgb(252,218,208)
-
#fde9e2
#fde9e2
rgb(253,233,226)
-
#fef7f5
#fef7f5
rgb(254,247,245)
Tones of #f58561
A tone is produced by adding gray to any pure hue. In this case, #aea9a8 is the less saturated color, while #fb825b is the most saturated one.
-
#aea9a8
#aea9a8
rgb(174,169,168)
-
#b4a6a2
#b4a6a2
rgb(180,166,162)
-
#bba39b
#bba39b
rgb(187,163,155)
-
#c1a095
#c1a095
rgb(193,160,149)
-
#c89c8e
#c89c8e
rgb(200,156,142)
-
#ce9988
#ce9988
rgb(206,153,136)
-
#d59681
#d59681
rgb(213,150,129)
-
#db927b
#db927b
rgb(219,146,123)
-
#e28f74
#e28f74
rgb(226,143,116)
-
#e88c6e
#e88c6e
rgb(232,140,110)
-
#ef8867
#ef8867
rgb(239,136,103)
-
#f58561
#f58561
rgb(245,133,97)
-
#fb825b
#fb825b
rgb(251,130,91)
Color Blindness Simulator
Below, you can see how #f58561 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.