#f97b31 Color Information
In a RGB color space, hex #f97b31 is composed of 97.6% red, 48.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.6% magenta, 80.3% yellow and 2.4% black. It has a hue angle of 22.2 degrees, a saturation of 94.3% and a lightness of 58.4%. #f97b31 color hex could be obtained by blending #fff662 with #f30000. Closest websafe color is: #ff6633.
-
- R 98
- G 48
- B 19
-
- C 0
- M 51
- Y 80
- K 2
● #f97b31 color description : Bright orange.
#f97b31 Color Conversion
The hexadecimal color #f97b31 has RGB values of R:249, G:123, B:49 and CMYK values of C:0, M:0.51, Y:0.8, K:0.02. Its decimal value is 16350001.
Hex triplet | f97b31 | #f97b31 |
---|---|---|
RGB Decimal | 249, 123, 49 | rgb(249,123,49) |
RGB Percent | 97.6, 48.2, 19.2 | rgb(97.6%,48.2%,19.2%) |
CMYK | 0, 51, 80, 2 | |
HSL | 22.2°, 94.3, 58.4 | hsl(22.2,94.3%,58.4%) |
HSV (or HSB) | 22.2°, 80.3, 97.6 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 65.383, 43.775, 59.772 |
---|---|
XYZ | 46.706, 34.532, 7.111 |
xyY | 0.529, 0.391, 34.532 |
CIE-LCH | 65.383, 74.087, 53.782 |
CIE-LUV | 65.383, 102.815, 52.698 |
Hunter-Lab | 58.764, 39.037, 33.96 |
Binary | 11111001, 01111011, 00110001 |
Color Schemes with #f97b31
Alternatives to #f97b31
Below, you can see some colors close to #f97b31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f97b31 Preview
This text has a font color of #f97b31.
<span style="color:#f97b31;">Text here</span>
This paragraph has a background color of #f97b31.
<p style="background-color:#f97b31;">Content here</p>
This element has a border color of #f97b31.
<div style="border:1px solid #f97b31;">Content here</div>
.text {color:#f97b31;}
.background {background-color:#f97b31;}
.border {border:1px solid #f97b31;}
Shades and Tints of #f97b31
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, #040100 is the darkest color, while #fff5f0 is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#170901
#170901
rgb(23,9,1)
-
#2a1001
#2a1001
rgb(42,16,1)
-
#3d1802
#3d1802
rgb(61,24,2)
-
#501f02
#501f02
rgb(80,31,2)
-
#632603
#632603
rgb(99,38,3)
-
#762e03
#762e03
rgb(118,46,3)
-
#893504
#893504
rgb(137,53,4)
-
#9c3d05
#9c3d05
rgb(156,61,5)
-
#af4405
#af4405
rgb(175,68,5)
-
#c24b06
#c24b06
rgb(194,75,6)
-
#d55306
#d55306
rgb(213,83,6)
-
#e85a07
#e85a07
rgb(232,90,7)
-
#f8630b
#f8630b
rgb(248,99,11)
-
#f86f1e
#f86f1e
rgb(248,111,30)
-
#f97b31
#f97b31
rgb(249,123,49)
-
#fa8744
#fa8744
rgb(250,135,68)
-
#fa9357
#fa9357
rgb(250,147,87)
-
#fba06a
#fba06a
rgb(251,160,106)
-
#fbac7d
#fbac7d
rgb(251,172,125)
-
#fcb890
#fcb890
rgb(252,184,144)
-
#fcc4a3
#fcc4a3
rgb(252,196,163)
-
#fdd0b6
#fdd0b6
rgb(253,208,182)
-
#fdddc9
#fdddc9
rgb(253,221,201)
-
#fee9dd
#fee9dd
rgb(254,233,221)
-
#fff5f0
#fff5f0
rgb(255,245,240)
Tones of #f97b31
A tone is produced by adding gray to any pure hue. In this case, #979493 is the less saturated color, while #f97b31 is the most saturated one.
-
#979493
#979493
rgb(151,148,147)
-
#9f928b
#9f928b
rgb(159,146,139)
-
#a79083
#a79083
rgb(167,144,131)
-
#b08e7a
#b08e7a
rgb(176,142,122)
-
#b88c72
#b88c72
rgb(184,140,114)
-
#c08a6a
#c08a6a
rgb(192,138,106)
-
#c88862
#c88862
rgb(200,136,98)
-
#d0865a
#d0865a
rgb(208,134,90)
-
#d88352
#d88352
rgb(216,131,82)
-
#e18149
#e18149
rgb(225,129,73)
-
#e97f41
#e97f41
rgb(233,127,65)
-
#f17d39
#f17d39
rgb(241,125,57)
-
#f97b31
#f97b31
rgb(249,123,49)
Color Blindness Simulator
Below, you can see how #f97b31 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.