#f98224 Color Information
In a RGB color space, hex #f98224 is composed of 97.6% red, 51% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 85.5% yellow and 2.4% black. It has a hue angle of 26.5 degrees, a saturation of 94.7% and a lightness of 55.9%. #f98224 color hex could be obtained by blending #ffff48 with #f30500. Closest websafe color is: #ff9933.
-
- R 98
- G 51
- B 14
-
- C 0
- M 48
- Y 86
- K 2
● #f98224 color description : Vivid orange.
#f98224 Color Conversion
The hexadecimal color #f98224 has RGB values of R:249, G:130, B:36 and CMYK values of C:0, M:0.48, Y:0.86, K:0.02. Its decimal value is 16351780.
Hex triplet | f98224 | #f98224 |
---|---|---|
RGB Decimal | 249, 130, 36 | rgb(249,130,36) |
RGB Percent | 97.6, 51, 14.1 | rgb(97.6%,51%,14.1%) |
CMYK | 0, 48, 86, 2 | |
HSL | 26.5°, 94.7, 55.9 | hsl(26.5,94.7%,55.9%) |
HSV (or HSB) | 26.5°, 85.5, 97.6 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 66.7, 39.955, 65.772 |
---|---|
XYZ | 47.37, 36.237, 6.169 |
xyY | 0.528, 0.404, 36.237 |
CIE-LCH | 66.7, 76.957, 58.723 |
CIE-LUV | 66.7, 98.047, 57.928 |
Hunter-Lab | 60.197, 35.119, 36.062 |
Binary | 11111001, 10000010, 00100100 |
Color Schemes with #f98224
Alternatives to #f98224
Below, you can see some colors close to #f98224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f98224 Preview
This text has a font color of #f98224.
<span style="color:#f98224;">Text here</span>
This paragraph has a background color of #f98224.
<p style="background-color:#f98224;">Content here</p>
This element has a border color of #f98224.
<div style="border:1px solid #f98224;">Content here</div>
.text {color:#f98224;}
.background {background-color:#f98224;}
.border {border:1px solid #f98224;}
Shades and Tints of #f98224
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 #fffaf6 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1d0d01
#1d0d01
rgb(29,13,1)
-
#301601
#301601
rgb(48,22,1)
-
#431f02
#431f02
rgb(67,31,2)
-
#562702
#562702
rgb(86,39,2)
-
#6a3003
#6a3003
rgb(106,48,3)
-
#7d3903
#7d3903
rgb(125,57,3)
-
#904204
#904204
rgb(144,66,4)
-
#a34a04
#a34a04
rgb(163,74,4)
-
#b65305
#b65305
rgb(182,83,5)
-
#c95c06
#c95c06
rgb(201,92,6)
-
#dc6506
#dc6506
rgb(220,101,6)
-
#ef6d07
#ef6d07
rgb(239,109,7)
-
#f87711
#f87711
rgb(248,119,17)
-
#f98224
#f98224
rgb(249,130,36)
-
#fa8d37
#fa8d37
rgb(250,141,55)
-
#fa984a
#fa984a
rgb(250,152,74)
-
#fba35d
#fba35d
rgb(251,163,93)
-
#fbae70
#fbae70
rgb(251,174,112)
-
#fcb883
#fcb883
rgb(252,184,131)
-
#fcc397
#fcc397
rgb(252,195,151)
-
#fdceaa
#fdceaa
rgb(253,206,170)
-
#fdd9bd
#fdd9bd
rgb(253,217,189)
-
#fee4d0
#fee4d0
rgb(254,228,208)
-
#feefe3
#feefe3
rgb(254,239,227)
-
#fffaf6
#fffaf6
rgb(255,250,246)
Tones of #f98224
A tone is produced by adding gray to any pure hue. In this case, #918e8c is the less saturated color, while #f98224 is the most saturated one.
-
#918e8c
#918e8c
rgb(145,142,140)
-
#9a8d83
#9a8d83
rgb(154,141,131)
-
#a28c7b
#a28c7b
rgb(162,140,123)
-
#ab8b72
#ab8b72
rgb(171,139,114)
-
#b48a69
#b48a69
rgb(180,138,105)
-
#bc8961
#bc8961
rgb(188,137,97)
-
#c58858
#c58858
rgb(197,136,88)
-
#ce874f
#ce874f
rgb(206,135,79)
-
#d68647
#d68647
rgb(214,134,71)
-
#df853e
#df853e
rgb(223,133,62)
-
#e88435
#e88435
rgb(232,132,53)
-
#f0832d
#f0832d
rgb(240,131,45)
-
#f98224
#f98224
rgb(249,130,36)
Color Blindness Simulator
Below, you can see how #f98224 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.