#ff7f12 Color Information
In a RGB color space, hex #ff7f12 is composed of 100% red, 49.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.2% magenta, 92.9% yellow and 0% black. It has a hue angle of 27.6 degrees, a saturation of 100% and a lightness of 53.5%. #ff7f12 color hex could be obtained by blending #fffe24 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 50
- B 7
-
- C 0
- M 50
- Y 93
- K 0
● #ff7f12 color description : Vivid orange.
#ff7f12 Color Conversion
The hexadecimal color #ff7f12 has RGB values of R:255, G:127, B:18 and CMYK values of C:0, M:0.5, Y:0.93, K:0. Its decimal value is 16744210.
Hex triplet | ff7f12 | #ff7f12 |
---|---|---|
RGB Decimal | 255, 127, 18 | rgb(255,127,18) |
RGB Percent | 100, 49.8, 7.1 | rgb(100%,49.8%,7.1%) |
CMYK | 0, 50, 93, 0 | |
HSL | 27.6°, 100, 53.5 | hsl(27.6,100%,53.5%) |
HSV (or HSB) | 27.6°, 92.9, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 66.89, 43.47, 71.115 |
---|---|
XYZ | 48.94, 36.487, 5.038 |
xyY | 0.541, 0.403, 36.487 |
CIE-LCH | 66.89, 83.348, 58.564 |
CIE-LUV | 66.89, 106.408, 59.827 |
Hunter-Lab | 60.405, 38.915, 37.338 |
Binary | 11111111, 01111111, 00010010 |
Color Schemes with #ff7f12
Alternatives to #ff7f12
Below, you can see some colors close to #ff7f12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7f12 Preview
This text has a font color of #ff7f12.
<span style="color:#ff7f12;">Text here</span>
This paragraph has a background color of #ff7f12.
<p style="background-color:#ff7f12;">Content here</p>
This element has a border color of #ff7f12.
<div style="border:1px solid #ff7f12;">Content here</div>
.text {color:#ff7f12;}
.background {background-color:#ff7f12;}
.border {border:1px solid #ff7f12;}
Shades and Tints of #ff7f12
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, #120800 is the darkest color, while #fffefd is the lightest one.
-
#120800
#120800
rgb(18,8,0)
-
#261100
#261100
rgb(38,17,0)
-
#391a00
#391a00
rgb(57,26,0)
-
#4d2300
#4d2300
rgb(77,35,0)
-
#602c00
#602c00
rgb(96,44,0)
-
#743500
#743500
rgb(116,53,0)
-
#883e00
#883e00
rgb(136,62,0)
-
#9b4700
#9b4700
rgb(155,71,0)
-
#af5000
#af5000
rgb(175,80,0)
-
#c35900
#c35900
rgb(195,89,0)
-
#d66200
#d66200
rgb(214,98,0)
-
#ea6c00
#ea6c00
rgb(234,108,0)
-
#fd7500
#fd7500
rgb(253,117,0)
-
#ff7f12
#ff7f12
rgb(255,127,18)
-
#ff8a26
#ff8a26
rgb(255,138,38)
-
#ff9439
#ff9439
rgb(255,148,57)
-
#ff9f4d
#ff9f4d
rgb(255,159,77)
-
#ffa960
#ffa960
rgb(255,169,96)
-
#ffb474
#ffb474
rgb(255,180,116)
-
#ffbf88
#ffbf88
rgb(255,191,136)
-
#ffc99b
#ffc99b
rgb(255,201,155)
-
#ffd4af
#ffd4af
rgb(255,212,175)
-
#ffdec3
#ffdec3
rgb(255,222,195)
-
#ffe9d6
#ffe9d6
rgb(255,233,214)
-
#fff4ea
#fff4ea
rgb(255,244,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ff7f12
A tone is produced by adding gray to any pure hue. In this case, #92887f is the less saturated color, while #ff7f12 is the most saturated one.
-
#92887f
#92887f
rgb(146,136,127)
-
#9b8776
#9b8776
rgb(155,135,118)
-
#a4866d
#a4866d
rgb(164,134,109)
-
#ad8664
#ad8664
rgb(173,134,100)
-
#b6855b
#b6855b
rgb(182,133,91)
-
#bf8452
#bf8452
rgb(191,132,82)
-
#c88349
#c88349
rgb(200,131,73)
-
#d18340
#d18340
rgb(209,131,64)
-
#db8236
#db8236
rgb(219,130,54)
-
#e4812d
#e4812d
rgb(228,129,45)
-
#ed8024
#ed8024
rgb(237,128,36)
-
#f6801b
#f6801b
rgb(246,128,27)
-
#ff7f12
#ff7f12
rgb(255,127,18)
Color Blindness Simulator
Below, you can see how #ff7f12 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.