#ff9312 Color Information
In a RGB color space, hex #ff9312 is composed of 100% red, 57.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 92.9% yellow and 0% black. It has a hue angle of 32.7 degrees, a saturation of 100% and a lightness of 53.5%. #ff9312 color hex could be obtained by blending #ffff24 with #ff2700. Closest websafe color is: #ff9900.
-
- R 100
- G 58
- B 7
-
- C 0
- M 42
- Y 93
- K 0
● #ff9312 color description : Vivid orange.
#ff9312 Color Conversion
The hexadecimal color #ff9312 has RGB values of R:255, G:147, B:18 and CMYK values of C:0, M:0.42, Y:0.93, K:0. Its decimal value is 16749330.
Hex triplet | ff9312 | #ff9312 |
---|---|---|
RGB Decimal | 255, 147, 18 | rgb(255,147,18) |
RGB Percent | 100, 57.6, 7.1 | rgb(100%,57.6%,7.1%) |
CMYK | 0, 42, 93, 0 | |
HSL | 32.7°, 100, 53.5 | hsl(32.7,100%,53.5%) |
HSV (or HSB) | 32.7°, 92.9, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 70.992, 33.409, 73.938 |
---|---|
XYZ | 51.785, 42.175, 5.986 |
xyY | 0.518, 0.422, 42.175 |
CIE-LCH | 70.992, 81.136, 65.684 |
CIE-LUV | 70.992, 89.587, 66.528 |
Hunter-Lab | 64.943, 28.685, 39.995 |
Binary | 11111111, 10010011, 00010010 |
Color Schemes with #ff9312
Alternatives to #ff9312
Below, you can see some colors close to #ff9312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff9312 Preview
This text has a font color of #ff9312.
<span style="color:#ff9312;">Text here</span>
This paragraph has a background color of #ff9312.
<p style="background-color:#ff9312;">Content here</p>
This element has a border color of #ff9312.
<div style="border:1px solid #ff9312;">Content here</div>
.text {color:#ff9312;}
.background {background-color:#ff9312;}
.border {border:1px solid #ff9312;}
Shades and Tints of #ff9312
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, #120a00 is the darkest color, while #fffefd is the lightest one.
-
#120a00
#120a00
rgb(18,10,0)
-
#261400
#261400
rgb(38,20,0)
-
#391f00
#391f00
rgb(57,31,0)
-
#4d2a00
#4d2a00
rgb(77,42,0)
-
#603500
#603500
rgb(96,53,0)
-
#743f00
#743f00
rgb(116,63,0)
-
#884a00
#884a00
rgb(136,74,0)
-
#9b5500
#9b5500
rgb(155,85,0)
-
#af5f00
#af5f00
rgb(175,95,0)
-
#c36a00
#c36a00
rgb(195,106,0)
-
#d67500
#d67500
rgb(214,117,0)
-
#ea7f00
#ea7f00
rgb(234,127,0)
-
#fd8a00
#fd8a00
rgb(253,138,0)
-
#ff9312
#ff9312
rgb(255,147,18)
-
#ff9c26
#ff9c26
rgb(255,156,38)
-
#ffa539
#ffa539
rgb(255,165,57)
-
#ffae4d
#ffae4d
rgb(255,174,77)
-
#ffb760
#ffb760
rgb(255,183,96)
-
#ffc074
#ffc074
rgb(255,192,116)
-
#ffc988
#ffc988
rgb(255,201,136)
-
#ffd29b
#ffd29b
rgb(255,210,155)
-
#ffdbaf
#ffdbaf
rgb(255,219,175)
-
#ffe3c3
#ffe3c3
rgb(255,227,195)
-
#ffecd6
#ffecd6
rgb(255,236,214)
-
#fff5ea
#fff5ea
rgb(255,245,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ff9312
A tone is produced by adding gray to any pure hue. In this case, #92897f is the less saturated color, while #ff9312 is the most saturated one.
-
#92897f
#92897f
rgb(146,137,127)
-
#9b8a76
#9b8a76
rgb(155,138,118)
-
#a48b6d
#a48b6d
rgb(164,139,109)
-
#ad8c64
#ad8c64
rgb(173,140,100)
-
#b68d5b
#b68d5b
rgb(182,141,91)
-
#bf8d52
#bf8d52
rgb(191,141,82)
-
#c88e49
#c88e49
rgb(200,142,73)
-
#d18f40
#d18f40
rgb(209,143,64)
-
#db9036
#db9036
rgb(219,144,54)
-
#e4912d
#e4912d
rgb(228,145,45)
-
#ed9124
#ed9124
rgb(237,145,36)
-
#f6921b
#f6921b
rgb(246,146,27)
-
#ff9312
#ff9312
rgb(255,147,18)
Color Blindness Simulator
Below, you can see how #ff9312 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.