#ff7312 Color Information
In a RGB color space, hex #ff7312 is composed of 100% red, 45.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.9% magenta, 92.9% yellow and 0% black. It has a hue angle of 24.6 degrees, a saturation of 100% and a lightness of 53.5%. #ff7312 color hex could be obtained by blending #ffe624 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 45
- B 7
-
- C 0
- M 55
- Y 93
- K 0
● #ff7312 color description : Vivid orange.
#ff7312 Color Conversion
The hexadecimal color #ff7312 has RGB values of R:255, G:115, B:18 and CMYK values of C:0, M:0.55, Y:0.93, K:0. Its decimal value is 16741138.
Hex triplet | ff7312 | #ff7312 |
---|---|---|
RGB Decimal | 255, 115, 18 | rgb(255,115,18) |
RGB Percent | 100, 45.1, 7.1 | rgb(100%,45.1%,7.1%) |
CMYK | 0, 55, 93, 0 | |
HSL | 24.6°, 100, 53.5 | hsl(24.6,100%,53.5%) |
HSV (or HSB) | 24.6°, 92.9, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.62, 49.235, 69.588 |
---|---|
XYZ | 47.482, 33.57, 4.552 |
xyY | 0.555, 0.392, 33.57 |
CIE-LCH | 64.62, 85.245, 54.72 |
CIE-LUV | 64.62, 116.35, 56.035 |
Hunter-Lab | 57.94, 44.888, 35.9 |
Binary | 11111111, 01110011, 00010010 |
Color Schemes with #ff7312
Alternatives to #ff7312
Below, you can see some colors close to #ff7312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7312 Preview
This text has a font color of #ff7312.
<span style="color:#ff7312;">Text here</span>
This paragraph has a background color of #ff7312.
<p style="background-color:#ff7312;">Content here</p>
This element has a border color of #ff7312.
<div style="border:1px solid #ff7312;">Content here</div>
.text {color:#ff7312;}
.background {background-color:#ff7312;}
.border {border:1px solid #ff7312;}
Shades and Tints of #ff7312
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, #120700 is the darkest color, while #fffefd is the lightest one.
-
#120700
#120700
rgb(18,7,0)
-
#260f00
#260f00
rgb(38,15,0)
-
#391700
#391700
rgb(57,23,0)
-
#4d1f00
#4d1f00
rgb(77,31,0)
-
#602700
#602700
rgb(96,39,0)
-
#743000
#743000
rgb(116,48,0)
-
#883800
#883800
rgb(136,56,0)
-
#9b4000
#9b4000
rgb(155,64,0)
-
#af4800
#af4800
rgb(175,72,0)
-
#c35000
#c35000
rgb(195,80,0)
-
#d65800
#d65800
rgb(214,88,0)
-
#ea6000
#ea6000
rgb(234,96,0)
-
#fd6800
#fd6800
rgb(253,104,0)
-
#ff7312
#ff7312
rgb(255,115,18)
-
#ff7f26
#ff7f26
rgb(255,127,38)
-
#ff8a39
#ff8a39
rgb(255,138,57)
-
#ff964d
#ff964d
rgb(255,150,77)
-
#ffa160
#ffa160
rgb(255,161,96)
-
#ffad74
#ffad74
rgb(255,173,116)
-
#ffb988
#ffb988
rgb(255,185,136)
-
#ffc49b
#ffc49b
rgb(255,196,155)
-
#ffd0af
#ffd0af
rgb(255,208,175)
-
#ffdbc3
#ffdbc3
rgb(255,219,195)
-
#ffe7d6
#ffe7d6
rgb(255,231,214)
-
#fff2ea
#fff2ea
rgb(255,242,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ff7312
A tone is produced by adding gray to any pure hue. In this case, #92877f is the less saturated color, while #ff7312 is the most saturated one.
-
#92877f
#92877f
rgb(146,135,127)
-
#9b8576
#9b8576
rgb(155,133,118)
-
#a4846d
#a4846d
rgb(164,132,109)
-
#ad8264
#ad8264
rgb(173,130,100)
-
#b6805b
#b6805b
rgb(182,128,91)
-
#bf7f52
#bf7f52
rgb(191,127,82)
-
#c87d49
#c87d49
rgb(200,125,73)
-
#d17b40
#d17b40
rgb(209,123,64)
-
#db7a36
#db7a36
rgb(219,122,54)
-
#e4782d
#e4782d
rgb(228,120,45)
-
#ed7624
#ed7624
rgb(237,118,36)
-
#f6751b
#f6751b
rgb(246,117,27)
-
#ff7312
#ff7312
rgb(255,115,18)
Color Blindness Simulator
Below, you can see how #ff7312 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.