#f18220 Color Information
In a RGB color space, hex #f18220 is composed of 94.5% red, 51% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.1% magenta, 86.7% yellow and 5.5% black. It has a hue angle of 28.1 degrees, a saturation of 88.2% and a lightness of 53.5%. #f18220 color hex could be obtained by blending #ffff40 with #e30500. Closest websafe color is: #ff9933.
-
- R 95
- G 51
- B 13
-
- C 0
- M 46
- Y 87
- K 5
● #f18220 color description : Vivid orange.
#f18220 Color Conversion
The hexadecimal color #f18220 has RGB values of R:241, G:130, B:32 and CMYK values of C:0, M:0.46, Y:0.87, K:0.05. Its decimal value is 15827488.
Hex triplet | f18220 | #f18220 |
---|---|---|
RGB Decimal | 241, 130, 32 | rgb(241,130,32) |
RGB Percent | 94.5, 51, 12.5 | rgb(94.5%,51%,12.5%) |
CMYK | 0, 46, 87, 5 | |
HSL | 28.1°, 88.2, 53.5 | hsl(28.1,88.2%,53.5%) |
HSV (or HSB) | 28.1°, 86.7, 94.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 65.573, 36.703, 65.676 |
---|---|
XYZ | 44.521, 34.774, 5.734 |
xyY | 0.524, 0.409, 34.774 |
CIE-LCH | 65.573, 75.236, 60.801 |
CIE-LUV | 65.573, 91.588, 58.118 |
Hunter-Lab | 58.97, 31.566, 35.514 |
Binary | 11110001, 10000010, 00100000 |
Color Schemes with #f18220
Alternatives to #f18220
Below, you can see some colors close to #f18220. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f18220 Preview
This text has a font color of #f18220.
<span style="color:#f18220;">Text here</span>
This paragraph has a background color of #f18220.
<p style="background-color:#f18220;">Content here</p>
This element has a border color of #f18220.
<div style="border:1px solid #f18220;">Content here</div>
.text {color:#f18220;}
.background {background-color:#f18220;}
.border {border:1px solid #f18220;}
Shades and Tints of #f18220
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, #110901 is the darkest color, while #fffefd is the lightest one.
-
#110901
#110901
rgb(17,9,1)
-
#231202
#231202
rgb(35,18,2)
-
#361b03
#361b03
rgb(54,27,3)
-
#482405
#482405
rgb(72,36,5)
-
#5b2e06
#5b2e06
rgb(91,46,6)
-
#6d3707
#6d3707
rgb(109,55,7)
-
#804008
#804008
rgb(128,64,8)
-
#924909
#924909
rgb(146,73,9)
-
#a5530a
#a5530a
rgb(165,83,10)
-
#b75c0b
#b75c0b
rgb(183,92,11)
-
#ca650d
#ca650d
rgb(202,101,13)
-
#dc6e0e
#dc6e0e
rgb(220,110,14)
-
#ee780f
#ee780f
rgb(238,120,15)
-
#f18220
#f18220
rgb(241,130,32)
-
#f28c32
#f28c32
rgb(242,140,50)
-
#f39745
#f39745
rgb(243,151,69)
-
#f4a157
#f4a157
rgb(244,161,87)
-
#f6ab6a
#f6ab6a
rgb(246,171,106)
-
#f7b67c
#f7b67c
rgb(247,182,124)
-
#f8c08f
#f8c08f
rgb(248,192,143)
-
#f9caa1
#f9caa1
rgb(249,202,161)
-
#fad5b4
#fad5b4
rgb(250,213,180)
-
#fbdfc6
#fbdfc6
rgb(251,223,198)
-
#fde9d9
#fde9d9
rgb(253,233,217)
-
#fef4eb
#fef4eb
rgb(254,244,235)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f18220
A tone is produced by adding gray to any pure hue. In this case, #8d8884 is the less saturated color, while #fa8117 is the most saturated one.
-
#8d8884
#8d8884
rgb(141,136,132)
-
#96887b
#96887b
rgb(150,136,123)
-
#9f8772
#9f8772
rgb(159,135,114)
-
#a88769
#a88769
rgb(168,135,105)
-
#b18660
#b18660
rgb(177,134,96)
-
#ba8557
#ba8557
rgb(186,133,87)
-
#c3854e
#c3854e
rgb(195,133,78)
-
#cd8444
#cd8444
rgb(205,132,68)
-
#d6843b
#d6843b
rgb(214,132,59)
-
#df8332
#df8332
rgb(223,131,50)
-
#e88329
#e88329
rgb(232,131,41)
-
#f18220
#f18220
rgb(241,130,32)
-
#fa8117
#fa8117
rgb(250,129,23)
Color Blindness Simulator
Below, you can see how #f18220 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.