#f49a4c Color Information
In a RGB color space, hex #f49a4c is composed of 95.7% red, 60.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 68.9% yellow and 4.3% black. It has a hue angle of 27.9 degrees, a saturation of 88.4% and a lightness of 62.7%. #f49a4c color hex could be obtained by blending #ffff98 with #e93500. Closest websafe color is: #ff9933.
-
- R 96
- G 60
- B 30
-
- C 0
- M 37
- Y 69
- K 4
● #f49a4c color description : Soft orange.
#f49a4c Color Conversion
The hexadecimal color #f49a4c has RGB values of R:244, G:154, B:76 and CMYK values of C:0, M:0.37, Y:0.69, K:0.04. Its decimal value is 16030284.
Hex triplet | f49a4c | #f49a4c |
---|---|---|
RGB Decimal | 244, 154, 76 | rgb(244,154,76) |
RGB Percent | 95.7, 60.4, 29.8 | rgb(95.7%,60.4%,29.8%) |
CMYK | 0, 37, 69, 4 | |
HSL | 27.9°, 88.4, 62.7 | hsl(27.9,88.4%,62.7%) |
HSV (or HSB) | 27.9°, 68.9, 95.7 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 71.466, 27.073, 53.68 |
---|---|
XYZ | 50.17, 42.87, 12.47 |
xyY | 0.476, 0.406, 42.87 |
CIE-LCH | 71.466, 60.12, 63.237 |
CIE-LUV | 71.466, 71.377, 55.505 |
Hunter-Lab | 65.475, 22.193, 34.541 |
Binary | 11110100, 10011010, 01001100 |
Color Schemes with #f49a4c
Alternatives to #f49a4c
Below, you can see some colors close to #f49a4c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f49a4c Preview
This text has a font color of #f49a4c.
<span style="color:#f49a4c;">Text here</span>
This paragraph has a background color of #f49a4c.
<p style="background-color:#f49a4c;">Content here</p>
This element has a border color of #f49a4c.
<div style="border:1px solid #f49a4c;">Content here</div>
.text {color:#f49a4c;}
.background {background-color:#f49a4c;}
.border {border:1px solid #f49a4c;}
Shades and Tints of #f49a4c
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, #060300 is the darkest color, while #fef8f2 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#180c01
#180c01
rgb(24,12,1)
-
#2b1503
#2b1503
rgb(43,21,3)
-
#3d1e04
#3d1e04
rgb(61,30,4)
-
#502805
#502805
rgb(80,40,5)
-
#623106
#623106
rgb(98,49,6)
-
#753a07
#753a07
rgb(117,58,7)
-
#874308
#874308
rgb(135,67,8)
-
#9a4c09
#9a4c09
rgb(154,76,9)
-
#ac560b
#ac560b
rgb(172,86,11)
-
#bf5f0c
#bf5f0c
rgb(191,95,12)
-
#d1680d
#d1680d
rgb(209,104,13)
-
#e4710e
#e4710e
rgb(228,113,14)
-
#f17b15
#f17b15
rgb(241,123,21)
-
#f28527
#f28527
rgb(242,133,39)
-
#f3903a
#f3903a
rgb(243,144,58)
-
#f49a4c
#f49a4c
rgb(244,154,76)
-
#f5a45e
#f5a45e
rgb(245,164,94)
-
#f6af71
#f6af71
rgb(246,175,113)
-
#f7b983
#f7b983
rgb(247,185,131)
-
#f9c496
#f9c496
rgb(249,196,150)
-
#facea8
#facea8
rgb(250,206,168)
-
#fbd9bb
#fbd9bb
rgb(251,217,187)
-
#fce3cd
#fce3cd
rgb(252,227,205)
-
#fdede0
#fdede0
rgb(253,237,224)
-
#fef8f2
#fef8f2
rgb(254,248,242)
Tones of #f49a4c
A tone is produced by adding gray to any pure hue. In this case, #a4a09c is the less saturated color, while #fb9945 is the most saturated one.
-
#a4a09c
#a4a09c
rgb(164,160,156)
-
#ab9f95
#ab9f95
rgb(171,159,149)
-
#b29f8e
#b29f8e
rgb(178,159,142)
-
#ba9e86
#ba9e86
rgb(186,158,134)
-
#c19e7f
#c19e7f
rgb(193,158,127)
-
#c89d78
#c89d78
rgb(200,157,120)
-
#cf9d71
#cf9d71
rgb(207,157,113)
-
#d79c69
#d79c69
rgb(215,156,105)
-
#de9c62
#de9c62
rgb(222,156,98)
-
#e59b5b
#e59b5b
rgb(229,155,91)
-
#ed9b53
#ed9b53
rgb(237,155,83)
-
#f49a4c
#f49a4c
rgb(244,154,76)
-
#fb9945
#fb9945
rgb(251,153,69)
Color Blindness Simulator
Below, you can see how #f49a4c 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.