#f48f5b Color Information
In a RGB color space, hex #f48f5b is composed of 95.7% red, 56.1% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.4% magenta, 62.7% yellow and 4.3% black. It has a hue angle of 20.4 degrees, a saturation of 87.4% and a lightness of 65.7%. #f48f5b color hex could be obtained by blending #ffffb6 with #e91f00. Closest websafe color is: #ff9966.
-
- R 96
- G 56
- B 36
-
- C 0
- M 41
- Y 63
- K 4
● #f48f5b color description : Soft orange.
#f48f5b Color Conversion
The hexadecimal color #f48f5b has RGB values of R:244, G:143, B:91 and CMYK values of C:0, M:0.41, Y:0.63, K:0.04. Its decimal value is 16027483.
Hex triplet | f48f5b | #f48f5b |
---|---|---|
RGB Decimal | 244, 143, 91 | rgb(244,143,91) |
RGB Percent | 95.7, 56.1, 35.7 | rgb(95.7%,56.1%,35.7%) |
CMYK | 0, 41, 63, 4 | |
HSL | 20.4°, 87.4, 65.7 | hsl(20.4,87.4%,65.7%) |
HSV (or HSB) | 20.4°, 62.7, 95.7 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 69.21, 33.688, 43.698 |
---|---|
XYZ | 49.02, 39.637, 14.966 |
xyY | 0.473, 0.383, 39.637 |
CIE-LCH | 69.21, 55.176, 52.371 |
CIE-LUV | 69.21, 78.245, 44.82 |
Hunter-Lab | 62.958, 28.807, 29.976 |
Binary | 11110100, 10001111, 01011011 |
Color Schemes with #f48f5b
Alternatives to #f48f5b
Below, you can see some colors close to #f48f5b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48f5b Preview
This text has a font color of #f48f5b.
<span style="color:#f48f5b;">Text here</span>
This paragraph has a background color of #f48f5b.
<p style="background-color:#f48f5b;">Content here</p>
This element has a border color of #f48f5b.
<div style="border:1px solid #f48f5b;">Content here</div>
.text {color:#f48f5b;}
.background {background-color:#f48f5b;}
.border {border:1px solid #f48f5b;}
Shades and Tints of #f48f5b
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, #010100 is the darkest color, while #fef3ee is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#140801
#140801
rgb(20,8,1)
-
#260f03
#260f03
rgb(38,15,3)
-
#391604
#391604
rgb(57,22,4)
-
#4b1d05
#4b1d05
rgb(75,29,5)
-
#5d2406
#5d2406
rgb(93,36,6)
-
#702b07
#702b07
rgb(112,43,7)
-
#823209
#823209
rgb(130,50,9)
-
#95390a
#95390a
rgb(149,57,10)
-
#a7400b
#a7400b
rgb(167,64,11)
-
#b9470c
#b9470c
rgb(185,71,12)
-
#cc4e0e
#cc4e0e
rgb(204,78,14)
-
#de550f
#de550f
rgb(222,85,15)
-
#ef5d11
#ef5d11
rgb(239,93,17)
-
#f06924
#f06924
rgb(240,105,36)
-
#f27636
#f27636
rgb(242,118,54)
-
#f38249
#f38249
rgb(243,130,73)
-
#f48f5b
#f48f5b
rgb(244,143,91)
-
#f59c6d
#f59c6d
rgb(245,156,109)
-
#f6a880
#f6a880
rgb(246,168,128)
-
#f8b592
#f8b592
rgb(248,181,146)
-
#f9c1a5
#f9c1a5
rgb(249,193,165)
-
#faceb7
#faceb7
rgb(250,206,183)
-
#fbdac9
#fbdac9
rgb(251,218,201)
-
#fde7dc
#fde7dc
rgb(253,231,220)
-
#fef3ee
#fef3ee
rgb(254,243,238)
Tones of #f48f5b
A tone is produced by adding gray to any pure hue. In this case, #aaa7a5 is the less saturated color, while #fb8d54 is the most saturated one.
-
#aaa7a5
#aaa7a5
rgb(170,167,165)
-
#b1a59e
#b1a59e
rgb(177,165,158)
-
#b7a298
#b7a298
rgb(183,162,152)
-
#bea091
#bea091
rgb(190,160,145)
-
#c59e8a
#c59e8a
rgb(197,158,138)
-
#cc9c83
#cc9c83
rgb(204,156,131)
-
#d29a7d
#d29a7d
rgb(210,154,125)
-
#d99876
#d99876
rgb(217,152,118)
-
#e0956f
#e0956f
rgb(224,149,111)
-
#e79368
#e79368
rgb(231,147,104)
-
#ed9162
#ed9162
rgb(237,145,98)
-
#f48f5b
#f48f5b
rgb(244,143,91)
-
#fb8d54
#fb8d54
rgb(251,141,84)
Color Blindness Simulator
Below, you can see how #f48f5b 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.