#f97500 Color Information
In a RGB color space, hex #f97500 is composed of 97.6% red, 45.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 100% yellow and 2.4% black. It has a hue angle of 28.2 degrees, a saturation of 100% and a lightness of 48.8%. #f97500 color hex could be obtained by blending #ffea00 with #f30000. Closest websafe color is: #ff6600.
-
- R 98
- G 46
- B 0
-
- C 0
- M 53
- Y 100
- K 2
● #f97500 color description : Pure (or mostly pure) orange.
#f97500 Color Conversion
The hexadecimal color #f97500 has RGB values of R:249, G:117, B:0 and CMYK values of C:0, M:0.53, Y:1, K:0.02. Its decimal value is 16348416.
Hex triplet | f97500 | #f97500 |
---|---|---|
RGB Decimal | 249, 117, 0 | rgb(249,117,0) |
RGB Percent | 97.6, 45.9, 0 | rgb(97.6%,45.9%,0%) |
CMYK | 0, 53, 100, 2 | |
HSL | 28.2°, 100, 48.8 | hsl(28.2,100%,48.8%) |
HSV (or HSB) | 28.2°, 100, 97.6 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.053, 45.88, 71.805 |
---|---|
XYZ | 45.43, 32.867, 3.952 |
xyY | 0.552, 0.4, 32.867 |
CIE-LCH | 64.053, 85.211, 57.424 |
CIE-LUV | 64.053, 110.238, 57.625 |
Hunter-Lab | 57.33, 41.123, 36.044 |
Binary | 11111001, 01110101, 00000000 |
Color Schemes with #f97500
Alternatives to #f97500
Below, you can see some colors close to #f97500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f97500 Preview
This text has a font color of #f97500.
<span style="color:#f97500;">Text here</span>
This paragraph has a background color of #f97500.
<p style="background-color:#f97500;">Content here</p>
This element has a border color of #f97500.
<div style="border:1px solid #f97500;">Content here</div>
.text {color:#f97500;}
.background {background-color:#f97500;}
.border {border:1px solid #f97500;}
Shades and Tints of #f97500
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, #0e0600 is the darkest color, while #fffcf9 is the lightest one.
-
#0e0600
#0e0600
rgb(14,6,0)
-
#211000
#211000
rgb(33,16,0)
-
#351900
#351900
rgb(53,25,0)
-
#482200
#482200
rgb(72,34,0)
-
#5c2b00
#5c2b00
rgb(92,43,0)
-
#703400
#703400
rgb(112,52,0)
-
#833e00
#833e00
rgb(131,62,0)
-
#974700
#974700
rgb(151,71,0)
-
#ab5000
#ab5000
rgb(171,80,0)
-
#be5900
#be5900
rgb(190,89,0)
-
#d26300
#d26300
rgb(210,99,0)
-
#e56c00
#e56c00
rgb(229,108,0)
-
#f97500
#f97500
rgb(249,117,0)
-
#ff7f0e
#ff7f0e
rgb(255,127,14)
-
#ff8921
#ff8921
rgb(255,137,33)
-
#ff9435
#ff9435
rgb(255,148,53)
-
#ff9e48
#ff9e48
rgb(255,158,72)
-
#ffa95c
#ffa95c
rgb(255,169,92)
-
#ffb370
#ffb370
rgb(255,179,112)
-
#ffbd83
#ffbd83
rgb(255,189,131)
-
#ffc897
#ffc897
rgb(255,200,151)
-
#ffd2ab
#ffd2ab
rgb(255,210,171)
-
#ffddbe
#ffddbe
rgb(255,221,190)
-
#ffe7d2
#ffe7d2
rgb(255,231,210)
-
#fff1e5
#fff1e5
rgb(255,241,229)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #f97500
A tone is produced by adding gray to any pure hue. In this case, #867c73 is the less saturated color, while #f97500 is the most saturated one.
-
#867c73
#867c73
rgb(134,124,115)
-
#907b69
#907b69
rgb(144,123,105)
-
#997b60
#997b60
rgb(153,123,96)
-
#a37a56
#a37a56
rgb(163,122,86)
-
#ac7a4d
#ac7a4d
rgb(172,122,77)
-
#b67943
#b67943
rgb(182,121,67)
-
#c07839
#c07839
rgb(192,120,57)
-
#c97830
#c97830
rgb(201,120,48)
-
#d37726
#d37726
rgb(211,119,38)
-
#dc771d
#dc771d
rgb(220,119,29)
-
#e67613
#e67613
rgb(230,118,19)
-
#ef760a
#ef760a
rgb(239,118,10)
-
#f97500
#f97500
rgb(249,117,0)
Color Blindness Simulator
Below, you can see how #f97500 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.