#f48601 Color Information
In a RGB color space, hex #f48601 is composed of 95.7% red, 52.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 99.6% yellow and 4.3% black. It has a hue angle of 32.8 degrees, a saturation of 99.2% and a lightness of 48%. #f48601 color hex could be obtained by blending #ffff02 with #e90d00. Closest websafe color is: #ff9900.
-
- R 96
- G 53
- B 0
-
- C 0
- M 45
- Y 100
- K 4
● #f48601 color description : Vivid orange.
#f48601 Color Conversion
The hexadecimal color #f48601 has RGB values of R:244, G:134, B:1 and CMYK values of C:0, M:0.45, Y:1, K:0.04. Its decimal value is 16025089.
Hex triplet | f48601 | #f48601 |
---|---|---|
RGB Decimal | 244, 134, 1 | rgb(244,134,1) |
RGB Percent | 95.7, 52.5, 0.4 | rgb(95.7%,52.5%,0.4%) |
CMYK | 0, 45, 100, 4 | |
HSL | 32.8°, 99.2, 48 | hsl(32.8,99.2%,48%) |
HSV (or HSB) | 32.8°, 99.6, 95.7 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 66.741, 35.469, 72.902 |
---|---|
XYZ | 45.84, 36.29, 4.619 |
xyY | 0.528, 0.418, 36.29 |
CIE-LCH | 66.741, 81.073, 64.056 |
CIE-LUV | 66.741, 91.724, 62.786 |
Hunter-Lab | 60.241, 30.409, 37.622 |
Binary | 11110100, 10000110, 00000001 |
Color Schemes with #f48601
Alternatives to #f48601
Below, you can see some colors close to #f48601. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48601 Preview
This text has a font color of #f48601.
<span style="color:#f48601;">Text here</span>
This paragraph has a background color of #f48601.
<p style="background-color:#f48601;">Content here</p>
This element has a border color of #f48601.
<div style="border:1px solid #f48601;">Content here</div>
.text {color:#f48601;}
.background {background-color:#f48601;}
.border {border:1px solid #f48601;}
Shades and Tints of #f48601
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, #0a0500 is the darkest color, while #fffaf5 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1d1000
#1d1000
rgb(29,16,0)
-
#311b00
#311b00
rgb(49,27,0)
-
#442500
#442500
rgb(68,37,0)
-
#583000
#583000
rgb(88,48,0)
-
#6b3b00
#6b3b00
rgb(107,59,0)
-
#7f4601
#7f4601
rgb(127,70,1)
-
#925001
#925001
rgb(146,80,1)
-
#a65b01
#a65b01
rgb(166,91,1)
-
#b96601
#b96601
rgb(185,102,1)
-
#cd7101
#cd7101
rgb(205,113,1)
-
#e07b01
#e07b01
rgb(224,123,1)
-
#f48601
#f48601
rgb(244,134,1)
-
#fe900b
#fe900b
rgb(254,144,11)
-
#fe991e
#fe991e
rgb(254,153,30)
-
#fea232
#fea232
rgb(254,162,50)
-
#feaa45
#feaa45
rgb(254,170,69)
-
#feb359
#feb359
rgb(254,179,89)
-
#febc6c
#febc6c
rgb(254,188,108)
-
#fec580
#fec580
rgb(254,197,128)
-
#ffce93
#ffce93
rgb(255,206,147)
-
#ffd7a7
#ffd7a7
rgb(255,215,167)
-
#ffe0ba
#ffe0ba
rgb(255,224,186)
-
#ffe9ce
#ffe9ce
rgb(255,233,206)
-
#fff2e2
#fff2e2
rgb(255,242,226)
-
#fffaf5
#fffaf5
rgb(255,250,245)
Tones of #f48601
A tone is produced by adding gray to any pure hue. In this case, #837b72 is the less saturated color, while #f48601 is the most saturated one.
-
#837b72
#837b72
rgb(131,123,114)
-
#8c7c69
#8c7c69
rgb(140,124,105)
-
#967d5f
#967d5f
rgb(150,125,95)
-
#9f7e56
#9f7e56
rgb(159,126,86)
-
#a97f4c
#a97f4c
rgb(169,127,76)
-
#b28043
#b28043
rgb(178,128,67)
-
#bb813a
#bb813a
rgb(187,129,58)
-
#c58230
#c58230
rgb(197,130,48)
-
#ce8227
#ce8227
rgb(206,130,39)
-
#d8831d
#d8831d
rgb(216,131,29)
-
#e18414
#e18414
rgb(225,132,20)
-
#eb850a
#eb850a
rgb(235,133,10)
-
#f48601
#f48601
rgb(244,134,1)
Color Blindness Simulator
Below, you can see how #f48601 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.