#f97221 Color Information
In a RGB color space, hex #f97221 is composed of 97.6% red, 44.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.2% magenta, 86.7% yellow and 2.4% black. It has a hue angle of 22.5 degrees, a saturation of 94.7% and a lightness of 55.3%. #f97221 color hex could be obtained by blending #ffe442 with #f30000. Closest websafe color is: #ff6633.
-
- R 98
- G 45
- B 13
-
- C 0
- M 54
- Y 87
- K 2
● #f97221 color description : Vivid orange.
#f97221 Color Conversion
The hexadecimal color #f97221 has RGB values of R:249, G:114, B:33 and CMYK values of C:0, M:0.54, Y:0.87, K:0.02. Its decimal value is 16347681.
Hex triplet | f97221 | #f97221 |
---|---|---|
RGB Decimal | 249, 114, 33 | rgb(249,114,33) |
RGB Percent | 97.6, 44.7, 12.9 | rgb(97.6%,44.7%,12.9%) |
CMYK | 0, 54, 87, 2 | |
HSL | 22.5°, 94.7, 55.3 | hsl(22.5,94.7%,55.3%) |
HSV (or HSB) | 22.5°, 86.7, 97.6 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.581, 47.715, 64.264 |
---|---|
XYZ | 45.361, 32.289, 5.283 |
xyY | 0.547, 0.389, 32.289 |
CIE-LCH | 63.581, 80.042, 53.407 |
CIE-LUV | 63.581, 111.38, 53.185 |
Hunter-Lab | 56.823, 43.052, 34.264 |
Binary | 11111001, 01110010, 00100001 |
Color Schemes with #f97221
Alternatives to #f97221
Below, you can see some colors close to #f97221. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f97221 Preview
This text has a font color of #f97221.
<span style="color:#f97221;">Text here</span>
This paragraph has a background color of #f97221.
<p style="background-color:#f97221;">Content here</p>
This element has a border color of #f97221.
<div style="border:1px solid #f97221;">Content here</div>
.text {color:#f97221;}
.background {background-color:#f97221;}
.border {border:1px solid #f97221;}
Shades and Tints of #f97221
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, #070300 is the darkest color, while #fff7f3 is the lightest one.
-
#070300
#070300
rgb(7,3,0)
-
#1a0a01
#1a0a01
rgb(26,10,1)
-
#2d1201
#2d1201
rgb(45,18,1)
-
#401902
#401902
rgb(64,25,2)
-
#542102
#542102
rgb(84,33,2)
-
#672803
#672803
rgb(103,40,3)
-
#7a3003
#7a3003
rgb(122,48,3)
-
#8d3704
#8d3704
rgb(141,55,4)
-
#a03f04
#a03f04
rgb(160,63,4)
-
#b34605
#b34605
rgb(179,70,5)
-
#c64e05
#c64e05
rgb(198,78,5)
-
#d95506
#d95506
rgb(217,85,6)
-
#ec5d06
#ec5d06
rgb(236,93,6)
-
#f8660e
#f8660e
rgb(248,102,14)
-
#f97221
#f97221
rgb(249,114,33)
-
#fa7e34
#fa7e34
rgb(250,126,52)
-
#fa8a47
#fa8a47
rgb(250,138,71)
-
#fb965a
#fb965a
rgb(251,150,90)
-
#fba36d
#fba36d
rgb(251,163,109)
-
#fcaf80
#fcaf80
rgb(252,175,128)
-
#fcbb94
#fcbb94
rgb(252,187,148)
-
#fdc7a7
#fdc7a7
rgb(253,199,167)
-
#fdd3ba
#fdd3ba
rgb(253,211,186)
-
#fedfcd
#fedfcd
rgb(254,223,205)
-
#feebe0
#feebe0
rgb(254,235,224)
-
#fff7f3
#fff7f3
rgb(255,247,243)
Tones of #f97221
A tone is produced by adding gray to any pure hue. In this case, #908c8a is the less saturated color, while #f97221 is the most saturated one.
-
#908c8a
#908c8a
rgb(144,140,138)
-
#998a81
#998a81
rgb(153,138,129)
-
#a18879
#a18879
rgb(161,136,121)
-
#aa8670
#aa8670
rgb(170,134,112)
-
#b38467
#b38467
rgb(179,132,103)
-
#bc815e
#bc815e
rgb(188,129,94)
-
#c47f56
#c47f56
rgb(196,127,86)
-
#cd7d4d
#cd7d4d
rgb(205,125,77)
-
#d67b44
#d67b44
rgb(214,123,68)
-
#df793b
#df793b
rgb(223,121,59)
-
#e77633
#e77633
rgb(231,118,51)
-
#f0742a
#f0742a
rgb(240,116,42)
-
#f97221
#f97221
rgb(249,114,33)
Color Blindness Simulator
Below, you can see how #f97221 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.