#f48d5b Color Information
In a RGB color space, hex #f48d5b is composed of 95.7% red, 55.3% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.2% magenta, 62.7% yellow and 4.3% black. It has a hue angle of 19.6 degrees, a saturation of 87.4% and a lightness of 65.7%. #f48d5b color hex could be obtained by blending #ffffb6 with #e91b00. Closest websafe color is: #ff9966.
-
- R 96
- G 55
- B 36
-
- C 0
- M 42
- Y 63
- K 4
● #f48d5b color description : Soft orange.
#f48d5b Color Conversion
The hexadecimal color #f48d5b has RGB values of R:244, G:141, B:91 and CMYK values of C:0, M:0.42, Y:0.63, K:0.04. Its decimal value is 16026971.
Hex triplet | f48d5b | #f48d5b |
---|---|---|
RGB Decimal | 244, 141, 91 | rgb(244,141,91) |
RGB Percent | 95.7, 55.3, 35.7 | rgb(95.7%,55.3%,35.7%) |
CMYK | 0, 42, 63, 4 | |
HSL | 19.6°, 87.4, 65.7 | hsl(19.6,87.4%,65.7%) |
HSV (or HSB) | 19.6°, 62.7, 95.7 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 68.782, 34.722, 43.188 |
---|---|
XYZ | 48.723, 39.042, 14.867 |
xyY | 0.475, 0.38, 39.042 |
CIE-LCH | 68.782, 55.415, 51.201 |
CIE-LUV | 68.782, 79.765, 43.986 |
Hunter-Lab | 62.484, 29.842, 29.631 |
Binary | 11110100, 10001101, 01011011 |
Color Schemes with #f48d5b
Alternatives to #f48d5b
Below, you can see some colors close to #f48d5b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48d5b Preview
This text has a font color of #f48d5b.
<span style="color:#f48d5b;">Text here</span>
This paragraph has a background color of #f48d5b.
<p style="background-color:#f48d5b;">Content here</p>
This element has a border color of #f48d5b.
<div style="border:1px solid #f48d5b;">Content here</div>
.text {color:#f48d5b;}
.background {background-color:#f48d5b;}
.border {border:1px solid #f48d5b;}
Shades and Tints of #f48d5b
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)
-
#823009
#823009
rgb(130,48,9)
-
#95370a
#95370a
rgb(149,55,10)
-
#a73e0b
#a73e0b
rgb(167,62,11)
-
#b9450c
#b9450c
rgb(185,69,12)
-
#cc4c0e
#cc4c0e
rgb(204,76,14)
-
#de530f
#de530f
rgb(222,83,15)
-
#ef5a11
#ef5a11
rgb(239,90,17)
-
#f06724
#f06724
rgb(240,103,36)
-
#f27336
#f27336
rgb(242,115,54)
-
#f38049
#f38049
rgb(243,128,73)
-
#f48d5b
#f48d5b
rgb(244,141,91)
-
#f59a6d
#f59a6d
rgb(245,154,109)
-
#f6a780
#f6a780
rgb(246,167,128)
-
#f8b392
#f8b392
rgb(248,179,146)
-
#f9c0a5
#f9c0a5
rgb(249,192,165)
-
#facdb7
#facdb7
rgb(250,205,183)
-
#fbdac9
#fbdac9
rgb(251,218,201)
-
#fde6dc
#fde6dc
rgb(253,230,220)
-
#fef3ee
#fef3ee
rgb(254,243,238)
Tones of #f48d5b
A tone is produced by adding gray to any pure hue. In this case, #aaa7a5 is the less saturated color, while #fb8b54 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)
-
#c59d8a
#c59d8a
rgb(197,157,138)
-
#cc9b83
#cc9b83
rgb(204,155,131)
-
#d2997d
#d2997d
rgb(210,153,125)
-
#d99676
#d99676
rgb(217,150,118)
-
#e0946f
#e0946f
rgb(224,148,111)
-
#e79268
#e79268
rgb(231,146,104)
-
#ed8f62
#ed8f62
rgb(237,143,98)
-
#f48d5b
#f48d5b
rgb(244,141,91)
-
#fb8b54
#fb8b54
rgb(251,139,84)
Color Blindness Simulator
Below, you can see how #f48d5b 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.