#f48e5b Color Information
In a RGB color space, hex #f48e5b is composed of 95.7% red, 55.7% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.8% magenta, 62.7% yellow and 4.3% black. It has a hue angle of 20 degrees, a saturation of 87.4% and a lightness of 65.7%. #f48e5b color hex could be obtained by blending #ffffb6 with #e91d00. Closest websafe color is: #ff9966.
-
- R 96
- G 56
- B 36
-
- C 0
- M 42
- Y 63
- K 4
● #f48e5b color description : Soft orange.
#f48e5b Color Conversion
The hexadecimal color #f48e5b has RGB values of R:244, G:142, B:91 and CMYK values of C:0, M:0.42, Y:0.63, K:0.04. Its decimal value is 16027227.
Hex triplet | f48e5b | #f48e5b |
---|---|---|
RGB Decimal | 244, 142, 91 | rgb(244,142,91) |
RGB Percent | 95.7, 55.7, 35.7 | rgb(95.7%,55.7%,35.7%) |
CMYK | 0, 42, 63, 4 | |
HSL | 20°, 87.4, 65.7 | hsl(20,87.4%,65.7%) |
HSV (or HSB) | 20°, 62.7, 95.7 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 68.996, 34.205, 43.443 |
---|---|
XYZ | 48.871, 39.338, 14.916 |
xyY | 0.474, 0.381, 39.338 |
CIE-LCH | 68.996, 55.293, 51.784 |
CIE-LUV | 68.996, 79.005, 44.403 |
Hunter-Lab | 62.72, 29.325, 29.804 |
Binary | 11110100, 10001110, 01011011 |
Color Schemes with #f48e5b
Alternatives to #f48e5b
Below, you can see some colors close to #f48e5b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48e5b Preview
This text has a font color of #f48e5b.
<span style="color:#f48e5b;">Text here</span>
This paragraph has a background color of #f48e5b.
<p style="background-color:#f48e5b;">Content here</p>
This element has a border color of #f48e5b.
<div style="border:1px solid #f48e5b;">Content here</div>
.text {color:#f48e5b;}
.background {background-color:#f48e5b;}
.border {border:1px solid #f48e5b;}
Shades and Tints of #f48e5b
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)
-
#140701
#140701
rgb(20,7,1)
-
#260e03
#260e03
rgb(38,14,3)
-
#391504
#391504
rgb(57,21,4)
-
#4b1c05
#4b1c05
rgb(75,28,5)
-
#5d2306
#5d2306
rgb(93,35,6)
-
#702a07
#702a07
rgb(112,42,7)
-
#823109
#823109
rgb(130,49,9)
-
#95380a
#95380a
rgb(149,56,10)
-
#a73f0b
#a73f0b
rgb(167,63,11)
-
#b9460c
#b9460c
rgb(185,70,12)
-
#cc4d0e
#cc4d0e
rgb(204,77,14)
-
#de540f
#de540f
rgb(222,84,15)
-
#ef5b11
#ef5b11
rgb(239,91,17)
-
#f06824
#f06824
rgb(240,104,36)
-
#f27536
#f27536
rgb(242,117,54)
-
#f38149
#f38149
rgb(243,129,73)
-
#f48e5b
#f48e5b
rgb(244,142,91)
-
#f59b6d
#f59b6d
rgb(245,155,109)
-
#f6a780
#f6a780
rgb(246,167,128)
-
#f8b492
#f8b492
rgb(248,180,146)
-
#f9c1a5
#f9c1a5
rgb(249,193,165)
-
#facdb7
#facdb7
rgb(250,205,183)
-
#fbdac9
#fbdac9
rgb(251,218,201)
-
#fde7dc
#fde7dc
rgb(253,231,220)
-
#fef3ee
#fef3ee
rgb(254,243,238)
Tones of #f48e5b
A tone is produced by adding gray to any pure hue. In this case, #aaa7a5 is the less saturated color, while #fb8c54 is the most saturated one.
-
#aaa7a5
#aaa7a5
rgb(170,167,165)
-
#b1a49e
#b1a49e
rgb(177,164,158)
-
#b7a298
#b7a298
rgb(183,162,152)
-
#bea091
#bea091
rgb(190,160,145)
-
#c59e8a
#c59e8a
rgb(197,158,138)
-
#cc9b83
#cc9b83
rgb(204,155,131)
-
#d2997d
#d2997d
rgb(210,153,125)
-
#d99776
#d99776
rgb(217,151,118)
-
#e0956f
#e0956f
rgb(224,149,111)
-
#e79268
#e79268
rgb(231,146,104)
-
#ed9062
#ed9062
rgb(237,144,98)
-
#f48e5b
#f48e5b
rgb(244,142,91)
-
#fb8c54
#fb8c54
rgb(251,140,84)
Color Blindness Simulator
Below, you can see how #f48e5b 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.