#f48220 Color Information
In a RGB color space, hex #f48220 is composed of 95.7% red, 51% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.7% magenta, 86.9% yellow and 4.3% black. It has a hue angle of 27.7 degrees, a saturation of 90.6% and a lightness of 54.1%. #f48220 color hex could be obtained by blending #ffff40 with #e90500. Closest websafe color is: #ff9933.
-
- R 96
- G 51
- B 13
-
- C 0
- M 47
- Y 87
- K 4
● #f48220 color description : Vivid orange.
#f48220 Color Conversion
The hexadecimal color #f48220 has RGB values of R:244, G:130, B:32 and CMYK values of C:0, M:0.47, Y:0.87, K:0.04. Its decimal value is 16024096.
Hex triplet | f48220 | #f48220 |
---|---|---|
RGB Decimal | 244, 130, 32 | rgb(244,130,32) |
RGB Percent | 95.7, 51, 12.5 | rgb(95.7%,51%,12.5%) |
CMYK | 0, 47, 87, 4 | |
HSL | 27.7°, 90.6, 54.1 | hsl(27.7,90.6%,54.1%) |
HSV (or HSB) | 27.7°, 86.9, 95.7 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 65.987, 37.897, 66.18 |
---|---|
XYZ | 45.553, 35.307, 5.782 |
xyY | 0.526, 0.407, 35.307 |
CIE-LCH | 65.987, 76.263, 60.203 |
CIE-LUV | 65.987, 94.096, 58.304 |
Hunter-Lab | 59.419, 32.861, 35.824 |
Binary | 11110100, 10000010, 00100000 |
Color Schemes with #f48220
Alternatives to #f48220
Below, you can see some colors close to #f48220. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f48220 Preview
This text has a font color of #f48220.
<span style="color:#f48220;">Text here</span>
This paragraph has a background color of #f48220.
<p style="background-color:#f48220;">Content here</p>
This element has a border color of #f48220.
<div style="border:1px solid #f48220;">Content here</div>
.text {color:#f48220;}
.background {background-color:#f48220;}
.border {border:1px solid #f48220;}
Shades and Tints of #f48220
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, #010100 is the darkest color, while #fef5ee is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#140a01
#140a01
rgb(20,10,1)
-
#271302
#271302
rgb(39,19,2)
-
#391c03
#391c03
rgb(57,28,3)
-
#4c2504
#4c2504
rgb(76,37,4)
-
#5f2e05
#5f2e05
rgb(95,46,5)
-
#713706
#713706
rgb(113,55,6)
-
#844107
#844107
rgb(132,65,7)
-
#974a07
#974a07
rgb(151,74,7)
-
#aa5308
#aa5308
rgb(170,83,8)
-
#bc5c09
#bc5c09
rgb(188,92,9)
-
#cf650a
#cf650a
rgb(207,101,10)
-
#e26e0b
#e26e0b
rgb(226,110,11)
-
#f3780d
#f3780d
rgb(243,120,13)
-
#f48220
#f48220
rgb(244,130,32)
-
#f58c33
#f58c33
rgb(245,140,51)
-
#f69745
#f69745
rgb(246,151,69)
-
#f7a158
#f7a158
rgb(247,161,88)
-
#f8ac6b
#f8ac6b
rgb(248,172,107)
-
#f9b67d
#f9b67d
rgb(249,182,125)
-
#fac190
#fac190
rgb(250,193,144)
-
#facba3
#facba3
rgb(250,203,163)
-
#fbd6b6
#fbd6b6
rgb(251,214,182)
-
#fce0c8
#fce0c8
rgb(252,224,200)
-
#fdebdb
#fdebdb
rgb(253,235,219)
-
#fef5ee
#fef5ee
rgb(254,245,238)
Tones of #f48220
A tone is produced by adding gray to any pure hue. In this case, #918983 is the less saturated color, while #fd8117 is the most saturated one.
-
#918983
#918983
rgb(145,137,131)
-
#9a897a
#9a897a
rgb(154,137,122)
-
#a38871
#a38871
rgb(163,136,113)
-
#ac8768
#ac8768
rgb(172,135,104)
-
#b5875f
#b5875f
rgb(181,135,95)
-
#be8656
#be8656
rgb(190,134,86)
-
#c7854d
#c7854d
rgb(199,133,77)
-
#d08544
#d08544
rgb(208,133,68)
-
#d9843b
#d9843b
rgb(217,132,59)
-
#e28332
#e28332
rgb(226,131,50)
-
#eb8329
#eb8329
rgb(235,131,41)
-
#f48220
#f48220
rgb(244,130,32)
-
#fd8117
#fd8117
rgb(253,129,23)
Color Blindness Simulator
Below, you can see how #f48220 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.