#f8a22d Color Information
In a RGB color space, hex #f8a22d is composed of 97.3% red, 63.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.7% magenta, 81.9% yellow and 2.7% black. It has a hue angle of 34.6 degrees, a saturation of 93.5% and a lightness of 57.5%. #f8a22d color hex could be obtained by blending #ffff5a with #f14500. Closest websafe color is: #ff9933.
-
- R 97
- G 64
- B 18
-
- C 0
- M 35
- Y 82
- K 3
● #f8a22d color description : Bright orange.
#f8a22d Color Conversion
The hexadecimal color #f8a22d has RGB values of R:248, G:162, B:45 and CMYK values of C:0, M:0.35, Y:0.82, K:0.03. Its decimal value is 16294445.
Hex triplet | f8a22d | #f8a22d |
---|---|---|
RGB Decimal | 248, 162, 45 | rgb(248,162,45) |
RGB Percent | 97.3, 63.5, 17.6 | rgb(97.3%,63.5%,17.6%) |
CMYK | 0, 35, 82, 3 | |
HSL | 34.6°, 93.5, 57.5 | hsl(34.6,93.5%,57.5%) |
HSV (or HSB) | 34.6°, 81.9, 97.3 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.539, 23.274, 68.516 |
---|---|
XYZ | 52.107, 45.99, 8.615 |
xyY | 0.488, 0.431, 45.99 |
CIE-LCH | 73.539, 72.361, 71.238 |
CIE-LUV | 73.539, 70.379, 67.636 |
Hunter-Lab | 67.816, 18.473, 39.939 |
Binary | 11111000, 10100010, 00101101 |
Color Schemes with #f8a22d
Alternatives to #f8a22d
Below, you can see some colors close to #f8a22d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8a22d Preview
This text has a font color of #f8a22d.
<span style="color:#f8a22d;">Text here</span>
This paragraph has a background color of #f8a22d.
<p style="background-color:#f8a22d;">Content here</p>
This element has a border color of #f8a22d.
<div style="border:1px solid #f8a22d;">Content here</div>
.text {color:#f8a22d;}
.background {background-color:#f8a22d;}
.border {border:1px solid #f8a22d;}
Shades and Tints of #f8a22d
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, #120b01 is the darkest color, while #fffefe is the lightest one.
-
#120b01
#120b01
rgb(18,11,1)
-
#251601
#251601
rgb(37,22,1)
-
#382102
#382102
rgb(56,33,2)
-
#4b2c02
#4b2c02
rgb(75,44,2)
-
#5e3703
#5e3703
rgb(94,55,3)
-
#714304
#714304
rgb(113,67,4)
-
#844e04
#844e04
rgb(132,78,4)
-
#975905
#975905
rgb(151,89,5)
-
#aa6406
#aa6406
rgb(170,100,6)
-
#bd6f06
#bd6f06
rgb(189,111,6)
-
#d07b07
#d07b07
rgb(208,123,7)
-
#e38608
#e38608
rgb(227,134,8)
-
#f69108
#f69108
rgb(246,145,8)
-
#f79a1a
#f79a1a
rgb(247,154,26)
-
#f8a22d
#f8a22d
rgb(248,162,45)
-
#f9aa40
#f9aa40
rgb(249,170,64)
-
#f9b353
#f9b353
rgb(249,179,83)
-
#fabb66
#fabb66
rgb(250,187,102)
-
#fbc479
#fbc479
rgb(251,196,121)
-
#fbcc8c
#fbcc8c
rgb(251,204,140)
-
#fcd49f
#fcd49f
rgb(252,212,159)
-
#fcddb2
#fcddb2
rgb(252,221,178)
-
#fde5c5
#fde5c5
rgb(253,229,197)
-
#feeed8
#feeed8
rgb(254,238,216)
-
#fef6eb
#fef6eb
rgb(254,246,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f8a22d
A tone is produced by adding gray to any pure hue. In this case, #949391 is the less saturated color, while #f8a22d is the most saturated one.
-
#949391
#949391
rgb(148,147,145)
-
#9c9489
#9c9489
rgb(156,148,137)
-
#a59580
#a59580
rgb(165,149,128)
-
#ad9778
#ad9778
rgb(173,151,120)
-
#b59870
#b59870
rgb(181,152,112)
-
#be9967
#be9967
rgb(190,153,103)
-
#c69a5f
#c69a5f
rgb(198,154,95)
-
#ce9c57
#ce9c57
rgb(206,156,87)
-
#d79d4e
#d79d4e
rgb(215,157,78)
-
#df9e46
#df9e46
rgb(223,158,70)
-
#e79f3e
#e79f3e
rgb(231,159,62)
-
#f0a135
#f0a135
rgb(240,161,53)
-
#f8a22d
#f8a22d
rgb(248,162,45)
Color Blindness Simulator
Below, you can see how #f8a22d 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.