#ff7712 Color Information
In a RGB color space, hex #ff7712 is composed of 100% red, 46.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.3% magenta, 92.9% yellow and 0% black. It has a hue angle of 25.6 degrees, a saturation of 100% and a lightness of 53.5%. #ff7712 color hex could be obtained by blending #ffee24 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 47
- B 7
-
- C 0
- M 53
- Y 93
- K 0
● #ff7712 color description : Vivid orange.
#ff7712 Color Conversion
The hexadecimal color #ff7712 has RGB values of R:255, G:119, B:18 and CMYK values of C:0, M:0.53, Y:0.93, K:0. Its decimal value is 16742162.
Hex triplet | ff7712 | #ff7712 |
---|---|---|
RGB Decimal | 255, 119, 18 | rgb(255,119,18) |
RGB Percent | 100, 46.7, 7.1 | rgb(100%,46.7%,7.1%) |
CMYK | 0, 53, 93, 0 | |
HSL | 25.6°, 100, 53.5 | hsl(25.6,100%,53.5%) |
HSV (or HSB) | 25.6°, 92.9, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 65.359, 47.342, 70.082 |
---|---|
XYZ | 47.948, 34.502, 4.707 |
xyY | 0.55, 0.396, 34.502 |
CIE-LCH | 65.359, 84.574, 55.96 |
CIE-LUV | 65.359, 113.06, 57.276 |
Hunter-Lab | 58.739, 42.916, 36.366 |
Binary | 11111111, 01110111, 00010010 |
Color Schemes with #ff7712
Alternatives to #ff7712
Below, you can see some colors close to #ff7712. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7712 Preview
This text has a font color of #ff7712.
<span style="color:#ff7712;">Text here</span>
This paragraph has a background color of #ff7712.
<p style="background-color:#ff7712;">Content here</p>
This element has a border color of #ff7712.
<div style="border:1px solid #ff7712;">Content here</div>
.text {color:#ff7712;}
.background {background-color:#ff7712;}
.border {border:1px solid #ff7712;}
Shades and Tints of #ff7712
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)
-
#261000
#261000
rgb(38,16,0)
-
#391800
#391800
rgb(57,24,0)
-
#4d2100
#4d2100
rgb(77,33,0)
-
#602900
#602900
rgb(96,41,0)
-
#743100
#743100
rgb(116,49,0)
-
#883a00
#883a00
rgb(136,58,0)
-
#9b4200
#9b4200
rgb(155,66,0)
-
#af4b00
#af4b00
rgb(175,75,0)
-
#c35300
#c35300
rgb(195,83,0)
-
#d65b00
#d65b00
rgb(214,91,0)
-
#ea6400
#ea6400
rgb(234,100,0)
-
#fd6c00
#fd6c00
rgb(253,108,0)
-
#ff7712
#ff7712
rgb(255,119,18)
-
#ff8226
#ff8226
rgb(255,130,38)
-
#ff8e39
#ff8e39
rgb(255,142,57)
-
#ff994d
#ff994d
rgb(255,153,77)
-
#ffa460
#ffa460
rgb(255,164,96)
-
#ffaf74
#ffaf74
rgb(255,175,116)
-
#ffbb88
#ffbb88
rgb(255,187,136)
-
#ffc69b
#ffc69b
rgb(255,198,155)
-
#ffd1af
#ffd1af
rgb(255,209,175)
-
#ffdcc3
#ffdcc3
rgb(255,220,195)
-
#ffe8d6
#ffe8d6
rgb(255,232,214)
-
#fff3ea
#fff3ea
rgb(255,243,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ff7712
A tone is produced by adding gray to any pure hue. In this case, #92877f is the less saturated color, while #ff7712 is the most saturated one.
-
#92877f
#92877f
rgb(146,135,127)
-
#9b8676
#9b8676
rgb(155,134,118)
-
#a4846d
#a4846d
rgb(164,132,109)
-
#ad8364
#ad8364
rgb(173,131,100)
-
#b6825b
#b6825b
rgb(182,130,91)
-
#bf8052
#bf8052
rgb(191,128,82)
-
#c87f49
#c87f49
rgb(200,127,73)
-
#d17e40
#d17e40
rgb(209,126,64)
-
#db7c36
#db7c36
rgb(219,124,54)
-
#e47b2d
#e47b2d
rgb(228,123,45)
-
#ed7a24
#ed7a24
rgb(237,122,36)
-
#f6781b
#f6781b
rgb(246,120,27)
-
#ff7712
#ff7712
rgb(255,119,18)
Color Blindness Simulator
Below, you can see how #ff7712 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.