#f48e4c Color Information
In a RGB color space, hex #f48e4c is composed of 95.7% red, 55.7% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.8% magenta, 68.9% yellow and 4.3% black. It has a hue angle of 23.6 degrees, a saturation of 88.4% and a lightness of 62.7%. #f48e4c color hex could be obtained by blending #ffff98 with #e91d00. Closest websafe color is: #ff9933.
-
- R 96
- G 56
- B 30
-
- C 0
- M 42
- Y 69
- K 4
● #f48e4c color description : Soft orange.
#f48e4c Color Conversion
The hexadecimal color #f48e4c has RGB values of R:244, G:142, B:76 and CMYK values of C:0, M:0.42, Y:0.69, K:0.04. Its decimal value is 16027212.
Hex triplet | f48e4c | #f48e4c |
---|---|---|
RGB Decimal | 244, 142, 76 | rgb(244,142,76) |
RGB Percent | 95.7, 55.7, 29.8 | rgb(95.7%,55.7%,29.8%) |
CMYK | 0, 42, 69, 4 | |
HSL | 23.6°, 88.4, 62.7 | hsl(23.6,88.4%,62.7%) |
HSV (or HSB) | 23.6°, 68.9, 95.7 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 68.827, 33.331, 50.787 |
---|---|
XYZ | 48.287, 39.105, 11.842 |
xyY | 0.487, 0.394, 39.105 |
CIE-LCH | 68.827, 60.747, 56.724 |
CIE-LUV | 68.827, 80.775, 50.688 |
Hunter-Lab | 62.534, 28.399, 32.546 |
Binary | 11110100, 10001110, 01001100 |
Color Schemes with #f48e4c
Alternatives to #f48e4c
Below, you can see some colors close to #f48e4c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48e4c Preview
This text has a font color of #f48e4c.
<span style="color:#f48e4c;">Text here</span>
This paragraph has a background color of #f48e4c.
<p style="background-color:#f48e4c;">Content here</p>
This element has a border color of #f48e4c.
<div style="border:1px solid #f48e4c;">Content here</div>
.text {color:#f48e4c;}
.background {background-color:#f48e4c;}
.border {border:1px solid #f48e4c;}
Shades and Tints of #f48e4c
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, #060200 is the darkest color, while #fef7f2 is the lightest one.
-
#060200
#060200
rgb(6,2,0)
-
#180a01
#180a01
rgb(24,10,1)
-
#2b1203
#2b1203
rgb(43,18,3)
-
#3d1a04
#3d1a04
rgb(61,26,4)
-
#502205
#502205
rgb(80,34,5)
-
#622a06
#622a06
rgb(98,42,6)
-
#753207
#753207
rgb(117,50,7)
-
#873a08
#873a08
rgb(135,58,8)
-
#9a4209
#9a4209
rgb(154,66,9)
-
#ac4a0b
#ac4a0b
rgb(172,74,11)
-
#bf520c
#bf520c
rgb(191,82,12)
-
#d15a0d
#d15a0d
rgb(209,90,13)
-
#e4620e
#e4620e
rgb(228,98,14)
-
#f16b15
#f16b15
rgb(241,107,21)
-
#f27727
#f27727
rgb(242,119,39)
-
#f3823a
#f3823a
rgb(243,130,58)
-
#f48e4c
#f48e4c
rgb(244,142,76)
-
#f59a5e
#f59a5e
rgb(245,154,94)
-
#f6a571
#f6a571
rgb(246,165,113)
-
#f7b183
#f7b183
rgb(247,177,131)
-
#f9bd96
#f9bd96
rgb(249,189,150)
-
#fac8a8
#fac8a8
rgb(250,200,168)
-
#fbd4bb
#fbd4bb
rgb(251,212,187)
-
#fce0cd
#fce0cd
rgb(252,224,205)
-
#fdebe0
#fdebe0
rgb(253,235,224)
-
#fef7f2
#fef7f2
rgb(254,247,242)
Tones of #f48e4c
A tone is produced by adding gray to any pure hue. In this case, #a49f9c is the less saturated color, while #fb8c45 is the most saturated one.
-
#a49f9c
#a49f9c
rgb(164,159,156)
-
#ab9e95
#ab9e95
rgb(171,158,149)
-
#b29c8e
#b29c8e
rgb(178,156,142)
-
#ba9b86
#ba9b86
rgb(186,155,134)
-
#c1997f
#c1997f
rgb(193,153,127)
-
#c89778
#c89778
rgb(200,151,120)
-
#cf9671
#cf9671
rgb(207,150,113)
-
#d79469
#d79469
rgb(215,148,105)
-
#de9362
#de9362
rgb(222,147,98)
-
#e5915b
#e5915b
rgb(229,145,91)
-
#ed9053
#ed9053
rgb(237,144,83)
-
#f48e4c
#f48e4c
rgb(244,142,76)
-
#fb8c45
#fb8c45
rgb(251,140,69)
Color Blindness Simulator
Below, you can see how #f48e4c 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.