#f97015 Color Information
In a RGB color space, hex #f97015 is composed of 97.6% red, 43.9% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 91.6% yellow and 2.4% black. It has a hue angle of 23.9 degrees, a saturation of 95% and a lightness of 52.9%. #f97015 color hex could be obtained by blending #ffe02a with #f30000. Closest websafe color is: #ff6600.
-
- R 98
- G 44
- B 8
-
- C 0
- M 55
- Y 92
- K 2
● #f97015 color description : Vivid orange.
#f97015 Color Conversion
The hexadecimal color #f97015 has RGB values of R:249, G:112, B:21 and CMYK values of C:0, M:0.55, Y:0.92, K:0.02. Its decimal value is 16347157.
Hex triplet | f97015 | #f97015 |
---|---|---|
RGB Decimal | 249, 112, 21 | rgb(249,112,21) |
RGB Percent | 97.6, 43.9, 8.2 | rgb(97.6%,43.9%,8.2%) |
CMYK | 0, 55, 92, 2 | |
HSL | 23.9°, 95, 52.9 | hsl(23.9,95%,52.9%) |
HSV (or HSB) | 23.9°, 91.6, 97.6 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 63.166, 48.459, 67.472 |
---|---|
XYZ | 44.998, 31.787, 4.475 |
xyY | 0.554, 0.391, 31.787 |
CIE-LCH | 63.166, 83.071, 54.314 |
CIE-LUV | 63.166, 113.693, 54.335 |
Hunter-Lab | 56.38, 43.801, 34.759 |
Binary | 11111001, 01110000, 00010101 |
Color Schemes with #f97015
Alternatives to #f97015
Below, you can see some colors close to #f97015. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f97015 Preview
This text has a font color of #f97015.
<span style="color:#f97015;">Text here</span>
This paragraph has a background color of #f97015.
<p style="background-color:#f97015;">Content here</p>
This element has a border color of #f97015.
<div style="border:1px solid #f97015;">Content here</div>
.text {color:#f97015;}
.background {background-color:#f97015;}
.border {border:1px solid #f97015;}
Shades and Tints of #f97015
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, #0f0600 is the darkest color, while #fffcfb is the lightest one.
-
#0f0600
#0f0600
rgb(15,6,0)
-
#220e01
#220e01
rgb(34,14,1)
-
#351601
#351601
rgb(53,22,1)
-
#481e02
#481e02
rgb(72,30,2)
-
#5b2602
#5b2602
rgb(91,38,2)
-
#6e2e03
#6e2e03
rgb(110,46,3)
-
#813603
#813603
rgb(129,54,3)
-
#953e04
#953e04
rgb(149,62,4)
-
#a84504
#a84504
rgb(168,69,4)
-
#bb4d05
#bb4d05
rgb(187,77,5)
-
#ce5505
#ce5505
rgb(206,85,5)
-
#e15d06
#e15d06
rgb(225,93,6)
-
#f46506
#f46506
rgb(244,101,6)
-
#f97015
#f97015
rgb(249,112,21)
-
#f97c28
#f97c28
rgb(249,124,40)
-
#fa873b
#fa873b
rgb(250,135,59)
-
#fa934e
#fa934e
rgb(250,147,78)
-
#fb9f62
#fb9f62
rgb(251,159,98)
-
#fbaa75
#fbaa75
rgb(251,170,117)
-
#fcb688
#fcb688
rgb(252,182,136)
-
#fcc29b
#fcc29b
rgb(252,194,155)
-
#fdceae
#fdceae
rgb(253,206,174)
-
#fdd9c1
#fdd9c1
rgb(253,217,193)
-
#fee5d4
#fee5d4
rgb(254,229,212)
-
#fef1e7
#fef1e7
rgb(254,241,231)
-
#fffcfb
#fffcfb
rgb(255,252,251)
Tones of #f97015
A tone is produced by adding gray to any pure hue. In this case, #8a8684 is the less saturated color, while #f97015 is the most saturated one.
-
#8a8684
#8a8684
rgb(138,134,132)
-
#93847b
#93847b
rgb(147,132,123)
-
#9d8371
#9d8371
rgb(157,131,113)
-
#a68168
#a68168
rgb(166,129,104)
-
#af7f5f
#af7f5f
rgb(175,127,95)
-
#b87d56
#b87d56
rgb(184,125,86)
-
#c27b4c
#c27b4c
rgb(194,123,76)
-
#cb7943
#cb7943
rgb(203,121,67)
-
#d4773a
#d4773a
rgb(212,119,58)
-
#dd7631
#dd7631
rgb(221,118,49)
-
#e77427
#e77427
rgb(231,116,39)
-
#f0721e
#f0721e
rgb(240,114,30)
-
#f97015
#f97015
rgb(249,112,21)
Color Blindness Simulator
Below, you can see how #f97015 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.