#ff7412 Color Information
In a RGB color space, hex #ff7412 is composed of 100% red, 45.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 92.9% yellow and 0% black. It has a hue angle of 24.8 degrees, a saturation of 100% and a lightness of 53.5%. #ff7412 color hex could be obtained by blending #ffe824 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 45
- B 7
-
- C 0
- M 55
- Y 93
- K 0
● #ff7412 color description : Vivid orange.
#ff7412 Color Conversion
The hexadecimal color #ff7412 has RGB values of R:255, G:116, B:18 and CMYK values of C:0, M:0.55, Y:0.93, K:0. Its decimal value is 16741394.
Hex triplet | ff7412 | #ff7412 |
---|---|---|
RGB Decimal | 255, 116, 18 | rgb(255,116,18) |
RGB Percent | 100, 45.5, 7.1 | rgb(100%,45.5%,7.1%) |
CMYK | 0, 55, 93, 0 | |
HSL | 24.8°, 100, 53.5 | hsl(24.8,100%,53.5%) |
HSV (or HSB) | 24.8°, 92.9, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.803, 48.765, 69.71 |
---|---|
XYZ | 47.597, 33.799, 4.59 |
xyY | 0.554, 0.393, 33.799 |
CIE-LCH | 64.803, 85.074, 55.026 |
CIE-LUV | 64.803, 115.53, 56.343 |
Hunter-Lab | 58.137, 44.397, 36.015 |
Binary | 11111111, 01110100, 00010010 |
Color Schemes with #ff7412
Alternatives to #ff7412
Below, you can see some colors close to #ff7412. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7412 Preview
This text has a font color of #ff7412.
<span style="color:#ff7412;">Text here</span>
This paragraph has a background color of #ff7412.
<p style="background-color:#ff7412;">Content here</p>
This element has a border color of #ff7412.
<div style="border:1px solid #ff7412;">Content here</div>
.text {color:#ff7412;}
.background {background-color:#ff7412;}
.border {border:1px solid #ff7412;}
Shades and Tints of #ff7412
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)
-
#261000
#261000
rgb(38,16,0)
-
#391800
#391800
rgb(57,24,0)
-
#4d2000
#4d2000
rgb(77,32,0)
-
#602800
#602800
rgb(96,40,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)
-
#d65900
#d65900
rgb(214,89,0)
-
#ea6100
#ea6100
rgb(234,97,0)
-
#fd6900
#fd6900
rgb(253,105,0)
-
#ff7412
#ff7412
rgb(255,116,18)
-
#ff8026
#ff8026
rgb(255,128,38)
-
#ff8b39
#ff8b39
rgb(255,139,57)
-
#ff974d
#ff974d
rgb(255,151,77)
-
#ffa260
#ffa260
rgb(255,162,96)
-
#ffae74
#ffae74
rgb(255,174,116)
-
#ffb988
#ffb988
rgb(255,185,136)
-
#ffc59b
#ffc59b
rgb(255,197,155)
-
#ffd0af
#ffd0af
rgb(255,208,175)
-
#ffdcc3
#ffdcc3
rgb(255,220,195)
-
#ffe7d6
#ffe7d6
rgb(255,231,214)
-
#fff3ea
#fff3ea
rgb(255,243,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ff7412
A tone is produced by adding gray to any pure hue. In this case, #92877f is the less saturated color, while #ff7412 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)
-
#b6815b
#b6815b
rgb(182,129,91)
-
#bf7f52
#bf7f52
rgb(191,127,82)
-
#c87d49
#c87d49
rgb(200,125,73)
-
#d17c40
#d17c40
rgb(209,124,64)
-
#db7a36
#db7a36
rgb(219,122,54)
-
#e4792d
#e4792d
rgb(228,121,45)
-
#ed7724
#ed7724
rgb(237,119,36)
-
#f6761b
#f6761b
rgb(246,118,27)
-
#ff7412
#ff7412
rgb(255,116,18)
Color Blindness Simulator
Below, you can see how #ff7412 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.