#ff9311 Color Information
In a RGB color space, hex #ff9311 is composed of 100% red, 57.6% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 93.3% yellow and 0% black. It has a hue angle of 32.8 degrees, a saturation of 100% and a lightness of 53.3%. #ff9311 color hex could be obtained by blending #ffff22 with #ff2700. Closest websafe color is: #ff9900.
-
- R 100
- G 58
- B 7
-
- C 0
- M 42
- Y 93
- K 0
● #ff9311 color description : Vivid orange.
#ff9311 Color Conversion
The hexadecimal color #ff9311 has RGB values of R:255, G:147, B:17 and CMYK values of C:0, M:0.42, Y:0.93, K:0. Its decimal value is 16749329.
Hex triplet | ff9311 | #ff9311 |
---|---|---|
RGB Decimal | 255, 147, 17 | rgb(255,147,17) |
RGB Percent | 100, 57.6, 6.7 | rgb(100%,57.6%,6.7%) |
CMYK | 0, 42, 93, 0 | |
HSL | 32.8°, 100, 53.3 | hsl(32.8,100%,53.3%) |
HSV (or HSB) | 32.8°, 93.3, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 70.99, 33.398, 74.113 |
---|---|
XYZ | 51.777, 42.172, 5.944 |
xyY | 0.518, 0.422, 42.172 |
CIE-LCH | 70.99, 81.291, 65.742 |
CIE-LUV | 70.99, 89.613, 66.618 |
Hunter-Lab | 64.94, 28.672, 40.032 |
Binary | 11111111, 10010011, 00010001 |
Color Schemes with #ff9311
Alternatives to #ff9311
Below, you can see some colors close to #ff9311. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff9311 Preview
This text has a font color of #ff9311.
<span style="color:#ff9311;">Text here</span>
This paragraph has a background color of #ff9311.
<p style="background-color:#ff9311;">Content here</p>
This element has a border color of #ff9311.
<div style="border:1px solid #ff9311;">Content here</div>
.text {color:#ff9311;}
.background {background-color:#ff9311;}
.border {border:1px solid #ff9311;}
Shades and Tints of #ff9311
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, #110900 is the darkest color, while #fffefc is the lightest one.
-
#110900
#110900
rgb(17,9,0)
-
#251400
#251400
rgb(37,20,0)
-
#381f00
#381f00
rgb(56,31,0)
-
#4c2900
#4c2900
rgb(76,41,0)
-
#5f3400
#5f3400
rgb(95,52,0)
-
#733f00
#733f00
rgb(115,63,0)
-
#874a00
#874a00
rgb(135,74,0)
-
#9a5400
#9a5400
rgb(154,84,0)
-
#ae5f00
#ae5f00
rgb(174,95,0)
-
#c26a00
#c26a00
rgb(194,106,0)
-
#d57400
#d57400
rgb(213,116,0)
-
#e97f00
#e97f00
rgb(233,127,0)
-
#fc8a00
#fc8a00
rgb(252,138,0)
-
#ff9311
#ff9311
rgb(255,147,17)
-
#ff9c25
#ff9c25
rgb(255,156,37)
-
#ffa538
#ffa538
rgb(255,165,56)
-
#ffae4c
#ffae4c
rgb(255,174,76)
-
#ffb75f
#ffb75f
rgb(255,183,95)
-
#ffc073
#ffc073
rgb(255,192,115)
-
#ffc887
#ffc887
rgb(255,200,135)
-
#ffd19a
#ffd19a
rgb(255,209,154)
-
#ffdaae
#ffdaae
rgb(255,218,174)
-
#ffe3c2
#ffe3c2
rgb(255,227,194)
-
#ffecd5
#ffecd5
rgb(255,236,213)
-
#fff5e9
#fff5e9
rgb(255,245,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #ff9311
A tone is produced by adding gray to any pure hue. In this case, #91897f is the less saturated color, while #ff9311 is the most saturated one.
-
#91897f
#91897f
rgb(145,137,127)
-
#9a8a76
#9a8a76
rgb(154,138,118)
-
#a38b6d
#a38b6d
rgb(163,139,109)
-
#ad8b63
#ad8b63
rgb(173,139,99)
-
#b68c5a
#b68c5a
rgb(182,140,90)
-
#bf8d51
#bf8d51
rgb(191,141,81)
-
#c88e48
#c88e48
rgb(200,142,72)
-
#d18f3f
#d18f3f
rgb(209,143,63)
-
#da9036
#da9036
rgb(218,144,54)
-
#e4902c
#e4902c
rgb(228,144,44)
-
#ed9123
#ed9123
rgb(237,145,35)
-
#f6921a
#f6921a
rgb(246,146,26)
-
#ff9311
#ff9311
rgb(255,147,17)
Color Blindness Simulator
Below, you can see how #ff9311 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.