#f48f5d Color Information
In a RGB color space, hex #f48f5d is composed of 95.7% red, 56.1% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.4% magenta, 61.9% yellow and 4.3% black. It has a hue angle of 19.9 degrees, a saturation of 87.3% and a lightness of 66.1%. #f48f5d color hex could be obtained by blending #ffffba with #e91f00. Closest websafe color is: #ff9966.
-
- R 96
- G 56
- B 36
-
- C 0
- M 41
- Y 62
- K 4
● #f48f5d color description : Soft orange.
#f48f5d Color Conversion
The hexadecimal color #f48f5d has RGB values of R:244, G:143, B:93 and CMYK values of C:0, M:0.41, Y:0.62, K:0.04. Its decimal value is 16027485.
Hex triplet | f48f5d | #f48f5d |
---|---|---|
RGB Decimal | 244, 143, 93 | rgb(244,143,93) |
RGB Percent | 95.7, 56.1, 36.5 | rgb(95.7%,56.1%,36.5%) |
CMYK | 0, 41, 62, 4 | |
HSL | 19.9°, 87.3, 66.1 | hsl(19.9,87.3%,66.1%) |
HSV (or HSB) | 19.9°, 61.9, 95.7 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 69.235, 33.818, 42.694 |
---|---|
XYZ | 49.108, 39.672, 15.427 |
xyY | 0.471, 0.381, 39.672 |
CIE-LCH | 69.235, 54.465, 51.617 |
CIE-LUV | 69.235, 77.989, 43.9 |
Hunter-Lab | 62.986, 28.945, 29.569 |
Binary | 11110100, 10001111, 01011101 |
Color Schemes with #f48f5d
Alternatives to #f48f5d
Below, you can see some colors close to #f48f5d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48f5d Preview
This text has a font color of #f48f5d.
<span style="color:#f48f5d;">Text here</span>
This paragraph has a background color of #f48f5d.
<p style="background-color:#f48f5d;">Content here</p>
This element has a border color of #f48f5d.
<div style="border:1px solid #f48f5d;">Content here</div>
.text {color:#f48f5d;}
.background {background-color:#f48f5d;}
.border {border:1px solid #f48f5d;}
Shades and Tints of #f48f5d
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, #030100 is the darkest color, while #fef5f0 is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#160801
#160801
rgb(22,8,1)
-
#280f03
#280f03
rgb(40,15,3)
-
#3a1604
#3a1604
rgb(58,22,4)
-
#4d1d05
#4d1d05
rgb(77,29,5)
-
#5f2406
#5f2406
rgb(95,36,6)
-
#722b08
#722b08
rgb(114,43,8)
-
#843209
#843209
rgb(132,50,9)
-
#96390a
#96390a
rgb(150,57,10)
-
#a93f0b
#a93f0b
rgb(169,63,11)
-
#bb460d
#bb460d
rgb(187,70,13)
-
#cd4d0e
#cd4d0e
rgb(205,77,14)
-
#e0540f
#e0540f
rgb(224,84,15)
-
#ef5c14
#ef5c14
rgb(239,92,20)
-
#f06926
#f06926
rgb(240,105,38)
-
#f27638
#f27638
rgb(242,118,56)
-
#f3824b
#f3824b
rgb(243,130,75)
-
#f48f5d
#f48f5d
rgb(244,143,93)
-
#f59c6f
#f59c6f
rgb(245,156,111)
-
#f6a882
#f6a882
rgb(246,168,130)
-
#f8b594
#f8b594
rgb(248,181,148)
-
#f9c2a6
#f9c2a6
rgb(249,194,166)
-
#faceb9
#faceb9
rgb(250,206,185)
-
#fbdbcb
#fbdbcb
rgb(251,219,203)
-
#fde8de
#fde8de
rgb(253,232,222)
-
#fef5f0
#fef5f0
rgb(254,245,240)
Tones of #f48f5d
A tone is produced by adding gray to any pure hue. In this case, #aba8a6 is the less saturated color, while #fb8d56 is the most saturated one.
-
#aba8a6
#aba8a6
rgb(171,168,166)
-
#b1a5a0
#b1a5a0
rgb(177,165,160)
-
#b8a399
#b8a399
rgb(184,163,153)
-
#bfa192
#bfa192
rgb(191,161,146)
-
#c59f8c
#c59f8c
rgb(197,159,140)
-
#cc9c85
#cc9c85
rgb(204,156,133)
-
#d39a7e
#d39a7e
rgb(211,154,126)
-
#d99878
#d99878
rgb(217,152,120)
-
#e09671
#e09671
rgb(224,150,113)
-
#e7936a
#e7936a
rgb(231,147,106)
-
#ed9164
#ed9164
rgb(237,145,100)
-
#f48f5d
#f48f5d
rgb(244,143,93)
-
#fb8d56
#fb8d56
rgb(251,141,86)
Color Blindness Simulator
Below, you can see how #f48f5d 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.