#f49e54 Color Information
In a RGB color space, hex #f49e54 is composed of 95.7% red, 62% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.2% magenta, 65.6% yellow and 4.3% black. It has a hue angle of 27.8 degrees, a saturation of 87.9% and a lightness of 64.3%. #f49e54 color hex could be obtained by blending #ffffa8 with #e93d00. Closest websafe color is: #ff9966.
-
- R 96
- G 62
- B 33
-
- C 0
- M 35
- Y 66
- K 4
● #f49e54 color description : Soft orange.
#f49e54 Color Conversion
The hexadecimal color #f49e54 has RGB values of R:244, G:158, B:84 and CMYK values of C:0, M:0.35, Y:0.66, K:0.04. Its decimal value is 16031316.
Hex triplet | f49e54 | #f49e54 |
---|---|---|
RGB Decimal | 244, 158, 84 | rgb(244,158,84) |
RGB Percent | 95.7, 62, 32.9 | rgb(95.7%,62%,32.9%) |
CMYK | 0, 35, 66, 4 | |
HSL | 27.8°, 87.9, 64.3 | hsl(27.8,87.9%,64.3%) |
HSV (or HSB) | 27.8°, 65.6, 95.7 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 72.449, 25.418, 50.954 |
---|---|
XYZ | 51.136, 44.33, 14.251 |
xyY | 0.466, 0.404, 44.33 |
CIE-LCH | 72.449, 56.942, 63.488 |
CIE-LUV | 72.449, 67.538, 54.088 |
Hunter-Lab | 66.581, 20.577, 33.917 |
Binary | 11110100, 10011110, 01010100 |
Color Schemes with #f49e54
Alternatives to #f49e54
Below, you can see some colors close to #f49e54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f49e54 Preview
This text has a font color of #f49e54.
<span style="color:#f49e54;">Text here</span>
This paragraph has a background color of #f49e54.
<p style="background-color:#f49e54;">Content here</p>
This element has a border color of #f49e54.
<div style="border:1px solid #f49e54;">Content here</div>
.text {color:#f49e54;}
.background {background-color:#f49e54;}
.border {border:1px solid #f49e54;}
Shades and Tints of #f49e54
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, #0d0701 is the darkest color, while #fffcfa is the lightest one.
-
#0d0701
#0d0701
rgb(13,7,1)
-
#201002
#201002
rgb(32,16,2)
-
#321903
#321903
rgb(50,25,3)
-
#452204
#452204
rgb(69,34,4)
-
#572b06
#572b06
rgb(87,43,6)
-
#693407
#693407
rgb(105,52,7)
-
#7c3e08
#7c3e08
rgb(124,62,8)
-
#8e4709
#8e4709
rgb(142,71,9)
-
#a1500a
#a1500a
rgb(161,80,10)
-
#b3590c
#b3590c
rgb(179,89,12)
-
#c6620d
#c6620d
rgb(198,98,13)
-
#d86b0e
#d86b0e
rgb(216,107,14)
-
#ea750f
#ea750f
rgb(234,117,15)
-
#f07f1d
#f07f1d
rgb(240,127,29)
-
#f2892f
#f2892f
rgb(242,137,47)
-
#f39442
#f39442
rgb(243,148,66)
-
#f49e54
#f49e54
rgb(244,158,84)
-
#f5a866
#f5a866
rgb(245,168,102)
-
#f6b379
#f6b379
rgb(246,179,121)
-
#f8bd8b
#f8bd8b
rgb(248,189,139)
-
#f9c89e
#f9c89e
rgb(249,200,158)
-
#fad2b0
#fad2b0
rgb(250,210,176)
-
#fbddc3
#fbddc3
rgb(251,221,195)
-
#fce7d5
#fce7d5
rgb(252,231,213)
-
#fdf2e7
#fdf2e7
rgb(253,242,231)
-
#fffcfa
#fffcfa
rgb(255,252,250)
Tones of #f49e54
A tone is produced by adding gray to any pure hue. In this case, #a7a4a1 is the less saturated color, while #fb9d4d is the most saturated one.
-
#a7a4a1
#a7a4a1
rgb(167,164,161)
-
#aea39a
#aea39a
rgb(174,163,154)
-
#b5a393
#b5a393
rgb(181,163,147)
-
#bca28c
#bca28c
rgb(188,162,140)
-
#c3a285
#c3a285
rgb(195,162,133)
-
#caa17e
#caa17e
rgb(202,161,126)
-
#d1a177
#d1a177
rgb(209,161,119)
-
#d8a070
#d8a070
rgb(216,160,112)
-
#dfa069
#dfa069
rgb(223,160,105)
-
#e69f62
#e69f62
rgb(230,159,98)
-
#ed9f5b
#ed9f5b
rgb(237,159,91)
-
#f49e54
#f49e54
rgb(244,158,84)
-
#fb9d4d
#fb9d4d
rgb(251,157,77)
Color Blindness Simulator
Below, you can see how #f49e54 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.