#f58f4d Color Information
In a RGB color space, hex #f58f4d is composed of 96.1% red, 56.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.6% magenta, 68.6% yellow and 3.9% black. It has a hue angle of 23.6 degrees, a saturation of 89.4% and a lightness of 63.1%. #f58f4d color hex could be obtained by blending #ffff9a with #eb1f00. Closest websafe color is: #ff9966.
-
- R 96
- G 56
- B 30
-
- C 0
- M 42
- Y 69
- K 4
● #f58f4d color description : Soft orange.
#f58f4d Color Conversion
The hexadecimal color #f58f4d has RGB values of R:245, G:143, B:77 and CMYK values of C:0, M:0.42, Y:0.69, K:0.04. Its decimal value is 16093005.
Hex triplet | f58f4d | #f58f4d |
---|---|---|
RGB Decimal | 245, 143, 77 | rgb(245,143,77) |
RGB Percent | 96.1, 56.1, 30.2 | rgb(96.1%,56.1%,30.2%) |
CMYK | 0, 42, 69, 4 | |
HSL | 23.6°, 89.4, 63.1 | hsl(23.6,89.4%,63.1%) |
HSV (or HSB) | 23.6°, 68.6, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 69.182, 33.264, 50.729 |
---|---|
XYZ | 48.82, 39.597, 12.093 |
xyY | 0.486, 0.394, 39.597 |
CIE-LCH | 69.182, 60.662, 56.747 |
CIE-LUV | 69.182, 80.703, 50.789 |
Hunter-Lab | 62.926, 28.363, 32.654 |
Binary | 11110101, 10001111, 01001101 |
Color Schemes with #f58f4d
Alternatives to #f58f4d
Below, you can see some colors close to #f58f4d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f58f4d Preview
This text has a font color of #f58f4d.
<span style="color:#f58f4d;">Text here</span>
This paragraph has a background color of #f58f4d.
<p style="background-color:#f58f4d;">Content here</p>
This element has a border color of #f58f4d.
<div style="border:1px solid #f58f4d;">Content here</div>
.text {color:#f58f4d;}
.background {background-color:#f58f4d;}
.border {border:1px solid #f58f4d;}
Shades and Tints of #f58f4d
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, #080300 is the darkest color, while #fef8f4 is the lightest one.
-
#080300
#080300
rgb(8,3,0)
-
#1a0b01
#1a0b01
rgb(26,11,1)
-
#2d1303
#2d1303
rgb(45,19,3)
-
#3f1b04
#3f1b04
rgb(63,27,4)
-
#522305
#522305
rgb(82,35,5)
-
#652b06
#652b06
rgb(101,43,6)
-
#773307
#773307
rgb(119,51,7)
-
#8a3b08
#8a3b08
rgb(138,59,8)
-
#9c4309
#9c4309
rgb(156,67,9)
-
#af4b0a
#af4b0a
rgb(175,75,10)
-
#c1530b
#c1530b
rgb(193,83,11)
-
#d45b0c
#d45b0c
rgb(212,91,12)
-
#e7620d
#e7620d
rgb(231,98,13)
-
#f26c15
#f26c15
rgb(242,108,21)
-
#f37828
#f37828
rgb(243,120,40)
-
#f4833a
#f4833a
rgb(244,131,58)
-
#f58f4d
#f58f4d
rgb(245,143,77)
-
#f69b60
#f69b60
rgb(246,155,96)
-
#f7a672
#f7a672
rgb(247,166,114)
-
#f8b285
#f8b285
rgb(248,178,133)
-
#f9be97
#f9be97
rgb(249,190,151)
-
#fac9aa
#fac9aa
rgb(250,201,170)
-
#fbd5bc
#fbd5bc
rgb(251,213,188)
-
#fce1cf
#fce1cf
rgb(252,225,207)
-
#fdece2
#fdece2
rgb(253,236,226)
-
#fef8f4
#fef8f4
rgb(254,248,244)
Tones of #f58f4d
A tone is produced by adding gray to any pure hue. In this case, #a5a09d is the less saturated color, while #fc8d46 is the most saturated one.
-
#a5a09d
#a5a09d
rgb(165,160,157)
-
#ad9e95
#ad9e95
rgb(173,158,149)
-
#b49d8e
#b49d8e
rgb(180,157,142)
-
#bb9b87
#bb9b87
rgb(187,155,135)
-
#c29a80
#c29a80
rgb(194,154,128)
-
#ca9878
#ca9878
rgb(202,152,120)
-
#d19771
#d19771
rgb(209,151,113)
-
#d8956a
#d8956a
rgb(216,149,106)
-
#df9463
#df9463
rgb(223,148,99)
-
#e7925b
#e7925b
rgb(231,146,91)
-
#ee9154
#ee9154
rgb(238,145,84)
-
#f58f4d
#f58f4d
rgb(245,143,77)
-
#fc8d46
#fc8d46
rgb(252,141,70)
Color Blindness Simulator
Below, you can see how #f58f4d 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.