#f97331 Color Information
In a RGB color space, hex #f97331 is composed of 97.6% red, 45.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.8% magenta, 80.3% yellow and 2.4% black. It has a hue angle of 19.8 degrees, a saturation of 94.3% and a lightness of 58.4%. #f97331 color hex could be obtained by blending #ffe662 with #f30000. Closest websafe color is: #ff6633.
-
- R 98
- G 45
- B 19
-
- C 0
- M 54
- Y 80
- K 2
● #f97331 color description : Bright orange.
#f97331 Color Conversion
The hexadecimal color #f97331 has RGB values of R:249, G:115, B:49 and CMYK values of C:0, M:0.54, Y:0.8, K:0.02. Its decimal value is 16347953.
Hex triplet | f97331 | #f97331 |
---|---|---|
RGB Decimal | 249, 115, 49 | rgb(249,115,49) |
RGB Percent | 97.6, 45.1, 19.2 | rgb(97.6%,45.1%,19.2%) |
CMYK | 0, 54, 80, 2 | |
HSL | 19.8°, 94.3, 58.4 | hsl(19.8,94.3%,58.4%) |
HSV (or HSB) | 19.8°, 80.3, 97.6 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.858, 47.646, 58.36 |
---|---|
XYZ | 45.754, 32.627, 6.794 |
xyY | 0.537, 0.383, 32.627 |
CIE-LCH | 63.858, 75.339, 50.771 |
CIE-LUV | 63.858, 109.242, 50.005 |
Hunter-Lab | 57.12, 43.019, 32.932 |
Binary | 11111001, 01110011, 00110001 |
Color Schemes with #f97331
Alternatives to #f97331
Below, you can see some colors close to #f97331. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f97331 Preview
This text has a font color of #f97331.
<span style="color:#f97331;">Text here</span>
This paragraph has a background color of #f97331.
<p style="background-color:#f97331;">Content here</p>
This element has a border color of #f97331.
<div style="border:1px solid #f97331;">Content here</div>
.text {color:#f97331;}
.background {background-color:#f97331;}
.border {border:1px solid #f97331;}
Shades and Tints of #f97331
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)
-
#170801
#170801
rgb(23,8,1)
-
#2a0f01
#2a0f01
rgb(42,15,1)
-
#3d1502
#3d1502
rgb(61,21,2)
-
#501c02
#501c02
rgb(80,28,2)
-
#632303
#632303
rgb(99,35,3)
-
#762903
#762903
rgb(118,41,3)
-
#893004
#893004
rgb(137,48,4)
-
#9c3705
#9c3705
rgb(156,55,5)
-
#af3d05
#af3d05
rgb(175,61,5)
-
#c24406
#c24406
rgb(194,68,6)
-
#d54b06
#d54b06
rgb(213,75,6)
-
#e85107
#e85107
rgb(232,81,7)
-
#f8590b
#f8590b
rgb(248,89,11)
-
#f8661e
#f8661e
rgb(248,102,30)
-
#f97331
#f97331
rgb(249,115,49)
-
#fa8044
#fa8044
rgb(250,128,68)
-
#fa8d57
#fa8d57
rgb(250,141,87)
-
#fb9a6a
#fb9a6a
rgb(251,154,106)
-
#fba77d
#fba77d
rgb(251,167,125)
-
#fcb490
#fcb490
rgb(252,180,144)
-
#fcc1a3
#fcc1a3
rgb(252,193,163)
-
#fdceb6
#fdceb6
rgb(253,206,182)
-
#fddbc9
#fddbc9
rgb(253,219,201)
-
#fee8dd
#fee8dd
rgb(254,232,221)
-
#fff5f0
#fff5f0
rgb(255,245,240)
Tones of #f97331
A tone is produced by adding gray to any pure hue. In this case, #979493 is the less saturated color, while #f97331 is the most saturated one.
-
#979493
#979493
rgb(151,148,147)
-
#9f918b
#9f918b
rgb(159,145,139)
-
#a78f83
#a78f83
rgb(167,143,131)
-
#b08c7a
#b08c7a
rgb(176,140,122)
-
#b88972
#b88972
rgb(184,137,114)
-
#c0866a
#c0866a
rgb(192,134,106)
-
#c88462
#c88462
rgb(200,132,98)
-
#d0815a
#d0815a
rgb(208,129,90)
-
#d87e52
#d87e52
rgb(216,126,82)
-
#e17b49
#e17b49
rgb(225,123,73)
-
#e97941
#e97941
rgb(233,121,65)
-
#f17639
#f17639
rgb(241,118,57)
-
#f97331
#f97331
rgb(249,115,49)
Color Blindness Simulator
Below, you can see how #f97331 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.