#ff7c1f Color Information
In a RGB color space, hex #ff7c1f is composed of 100% red, 48.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 87.8% yellow and 0% black. It has a hue angle of 24.9 degrees, a saturation of 100% and a lightness of 56.1%. #ff7c1f color hex could be obtained by blending #fff83e with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 49
- B 12
-
- C 0
- M 51
- Y 88
- K 0
● #ff7c1f color description : Vivid orange.
#ff7c1f Color Conversion
The hexadecimal color #ff7c1f has RGB values of R:255, G:124, B:31 and CMYK values of C:0, M:0.51, Y:0.88, K:0. Its decimal value is 16743455.
Hex triplet | ff7c1f | #ff7c1f |
---|---|---|
RGB Decimal | 255, 124, 31 | rgb(255,124,31) |
RGB Percent | 100, 48.6, 12.2 | rgb(100%,48.6%,12.2%) |
CMYK | 0, 51, 88, 0 | |
HSL | 24.9°, 100, 56.1 | hsl(24.9,100%,56.1%) |
HSV (or HSB) | 24.9°, 87.8, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 66.351, 45.13, 67.439 |
---|---|
XYZ | 48.697, 35.779, 5.638 |
xyY | 0.54, 0.397, 35.779 |
CIE-LCH | 66.351, 81.147, 56.21 |
CIE-LUV | 66.351, 108.311, 57.19 |
Hunter-Lab | 59.816, 40.643, 36.282 |
Binary | 11111111, 01111100, 00011111 |
Color Schemes with #ff7c1f
Alternatives to #ff7c1f
Below, you can see some colors close to #ff7c1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7c1f Preview
This text has a font color of #ff7c1f.
<span style="color:#ff7c1f;">Text here</span>
This paragraph has a background color of #ff7c1f.
<p style="background-color:#ff7c1f;">Content here</p>
This element has a border color of #ff7c1f.
<div style="border:1px solid #ff7c1f;">Content here</div>
.text {color:#ff7c1f;}
.background {background-color:#ff7c1f;}
.border {border:1px solid #ff7c1f;}
Shades and Tints of #ff7c1f
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, #0b0500 is the darkest color, while #fffaf7 is the lightest one.
-
#0b0500
#0b0500
rgb(11,5,0)
-
#1f0d00
#1f0d00
rgb(31,13,0)
-
#331500
#331500
rgb(51,21,0)
-
#461d00
#461d00
rgb(70,29,0)
-
#5a2500
#5a2500
rgb(90,37,0)
-
#6d2d00
#6d2d00
rgb(109,45,0)
-
#813600
#813600
rgb(129,54,0)
-
#953e00
#953e00
rgb(149,62,0)
-
#a84600
#a84600
rgb(168,70,0)
-
#bc4e00
#bc4e00
rgb(188,78,0)
-
#d05600
#d05600
rgb(208,86,0)
-
#e35e00
#e35e00
rgb(227,94,0)
-
#f76600
#f76600
rgb(247,102,0)
-
#ff710b
#ff710b
rgb(255,113,11)
-
#ff7c1f
#ff7c1f
rgb(255,124,31)
-
#ff8733
#ff8733
rgb(255,135,51)
-
#ff9346
#ff9346
rgb(255,147,70)
-
#ff9e5a
#ff9e5a
rgb(255,158,90)
-
#ffaa6d
#ffaa6d
rgb(255,170,109)
-
#ffb581
#ffb581
rgb(255,181,129)
-
#ffc195
#ffc195
rgb(255,193,149)
-
#ffcca8
#ffcca8
rgb(255,204,168)
-
#ffd8bc
#ffd8bc
rgb(255,216,188)
-
#ffe3d0
#ffe3d0
rgb(255,227,208)
-
#ffefe3
#ffefe3
rgb(255,239,227)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #ff7c1f
A tone is produced by adding gray to any pure hue. In this case, #988e86 is the less saturated color, while #ff7c1f is the most saturated one.
-
#988e86
#988e86
rgb(152,142,134)
-
#a08c7e
#a08c7e
rgb(160,140,126)
-
#a98b75
#a98b75
rgb(169,139,117)
-
#b1896d
#b1896d
rgb(177,137,109)
-
#ba8864
#ba8864
rgb(186,136,100)
-
#c3865b
#c3865b
rgb(195,134,91)
-
#cb8553
#cb8553
rgb(203,133,83)
-
#d4834a
#d4834a
rgb(212,131,74)
-
#dd8241
#dd8241
rgb(221,130,65)
-
#e58039
#e58039
rgb(229,128,57)
-
#ee7f30
#ee7f30
rgb(238,127,48)
-
#f67d28
#f67d28
rgb(246,125,40)
-
#ff7c1f
#ff7c1f
rgb(255,124,31)
Color Blindness Simulator
Below, you can see how #ff7c1f 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.