#f49301 Color Information
In a RGB color space, hex #f49301 is composed of 95.7% red, 57.6% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.8% magenta, 99.6% yellow and 4.3% black. It has a hue angle of 36 degrees, a saturation of 99.2% and a lightness of 48%. #f49301 color hex could be obtained by blending #ffff02 with #e92700. Closest websafe color is: #ff9900.
-
- R 96
- G 58
- B 0
-
- C 0
- M 40
- Y 100
- K 4
● #f49301 color description : Vivid orange.
#f49301 Color Conversion
The hexadecimal color #f49301 has RGB values of R:244, G:147, B:1 and CMYK values of C:0, M:0.4, Y:1, K:0.04. Its decimal value is 16028417.
Hex triplet | f49301 | #f49301 |
---|---|---|
RGB Decimal | 244, 147, 1 | rgb(244,147,1) |
RGB Percent | 95.7, 57.6, 0.4 | rgb(95.7%,57.6%,0.4%) |
CMYK | 0, 40, 100, 4 | |
HSL | 36°, 99.2, 48 | hsl(36,99.2%,48%) |
HSV (or HSB) | 36°, 99.6, 95.7 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 69.545, 28.747, 74.673 |
---|---|
XYZ | 47.749, 40.107, 5.255 |
xyY | 0.513, 0.431, 40.107 |
CIE-LCH | 69.545, 80.015, 68.945 |
CIE-LUV | 69.545, 80.756, 67.234 |
Hunter-Lab | 63.33, 23.757, 39.411 |
Binary | 11110100, 10010011, 00000001 |
Color Schemes with #f49301
Alternatives to #f49301
Below, you can see some colors close to #f49301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f49301 Preview
This text has a font color of #f49301.
<span style="color:#f49301;">Text here</span>
This paragraph has a background color of #f49301.
<p style="background-color:#f49301;">Content here</p>
This element has a border color of #f49301.
<div style="border:1px solid #f49301;">Content here</div>
.text {color:#f49301;}
.background {background-color:#f49301;}
.border {border:1px solid #f49301;}
Shades and Tints of #f49301
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, #0a0600 is the darkest color, while #fffbf5 is the lightest one.
-
#0a0600
#0a0600
rgb(10,6,0)
-
#1d1200
#1d1200
rgb(29,18,0)
-
#311d00
#311d00
rgb(49,29,0)
-
#442900
#442900
rgb(68,41,0)
-
#583500
#583500
rgb(88,53,0)
-
#6b4100
#6b4100
rgb(107,65,0)
-
#7f4c01
#7f4c01
rgb(127,76,1)
-
#925801
#925801
rgb(146,88,1)
-
#a66401
#a66401
rgb(166,100,1)
-
#b97001
#b97001
rgb(185,112,1)
-
#cd7b01
#cd7b01
rgb(205,123,1)
-
#e08701
#e08701
rgb(224,135,1)
-
#f49301
#f49301
rgb(244,147,1)
-
#fe9d0b
#fe9d0b
rgb(254,157,11)
-
#fea51e
#fea51e
rgb(254,165,30)
-
#fead32
#fead32
rgb(254,173,50)
-
#feb445
#feb445
rgb(254,180,69)
-
#febc59
#febc59
rgb(254,188,89)
-
#fec46c
#fec46c
rgb(254,196,108)
-
#fecc80
#fecc80
rgb(254,204,128)
-
#ffd493
#ffd493
rgb(255,212,147)
-
#ffdca7
#ffdca7
rgb(255,220,167)
-
#ffe3ba
#ffe3ba
rgb(255,227,186)
-
#ffebce
#ffebce
rgb(255,235,206)
-
#fff3e2
#fff3e2
rgb(255,243,226)
-
#fffbf5
#fffbf5
rgb(255,251,245)
Tones of #f49301
A tone is produced by adding gray to any pure hue. In this case, #837c72 is the less saturated color, while #f49301 is the most saturated one.
-
#837c72
#837c72
rgb(131,124,114)
-
#8c7e69
#8c7e69
rgb(140,126,105)
-
#96805f
#96805f
rgb(150,128,95)
-
#9f8256
#9f8256
rgb(159,130,86)
-
#a9844c
#a9844c
rgb(169,132,76)
-
#b28643
#b28643
rgb(178,134,67)
-
#bb883a
#bb883a
rgb(187,136,58)
-
#c58930
#c58930
rgb(197,137,48)
-
#ce8b27
#ce8b27
rgb(206,139,39)
-
#d88d1d
#d88d1d
rgb(216,141,29)
-
#e18f14
#e18f14
rgb(225,143,20)
-
#eb910a
#eb910a
rgb(235,145,10)
-
#f49301
#f49301
rgb(244,147,1)
Color Blindness Simulator
Below, you can see how #f49301 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.