#ff7c00 Color Information
In a RGB color space, hex #ff7c00 is composed of 100% red, 48.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 100% yellow and 0% black. It has a hue angle of 29.2 degrees, a saturation of 100% and a lightness of 50%. #ff7c00 color hex could be obtained by blending #fff800 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 49
- B 0
-
- C 0
- M 51
- Y 100
- K 0
● #ff7c00 color description : Pure (or mostly pure) orange.
#ff7c00 Color Conversion
The hexadecimal color #ff7c00 has RGB values of R:255, G:124, B:0 and CMYK values of C:0, M:0.51, Y:1, K:0. Its decimal value is 16743424.
Hex triplet | ff7c00 | #ff7c00 |
---|---|---|
RGB Decimal | 255, 124, 0 | rgb(255,124,0) |
RGB Percent | 100, 48.6, 0 | rgb(100%,48.6%,0%) |
CMYK | 0, 51, 100, 0 | |
HSL | 29.2°, 100, 50 | hsl(29.2,100%,50%) |
HSV (or HSB) | 29.2°, 100, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 66.275, 44.779, 73.557 |
---|---|
XYZ | 48.45, 35.68, 4.336 |
xyY | 0.548, 0.403, 35.68 |
CIE-LCH | 66.275, 86.115, 58.668 |
CIE-LUV | 66.275, 109.391, 60.192 |
Hunter-Lab | 59.733, 40.25, 37.509 |
Binary | 11111111, 01111100, 00000000 |
Color Schemes with #ff7c00
Alternatives to #ff7c00
Below, you can see some colors close to #ff7c00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7c00 Preview
This text has a font color of #ff7c00.
<span style="color:#ff7c00;">Text here</span>
This paragraph has a background color of #ff7c00.
<p style="background-color:#ff7c00;">Content here</p>
This element has a border color of #ff7c00.
<div style="border:1px solid #ff7c00;">Content here</div>
.text {color:#ff7c00;}
.background {background-color:#ff7c00;}
.border {border:1px solid #ff7c00;}
Shades and Tints of #ff7c00
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, #140a00 is the darkest color, while #ffffff is the lightest one.
-
#140a00
#140a00
rgb(20,10,0)
-
#271300
#271300
rgb(39,19,0)
-
#3b1d00
#3b1d00
rgb(59,29,0)
-
#4e2600
#4e2600
rgb(78,38,0)
-
#623000
#623000
rgb(98,48,0)
-
#763900
#763900
rgb(118,57,0)
-
#894300
#894300
rgb(137,67,0)
-
#9d4c00
#9d4c00
rgb(157,76,0)
-
#b15600
#b15600
rgb(177,86,0)
-
#c45f00
#c45f00
rgb(196,95,0)
-
#d86900
#d86900
rgb(216,105,0)
-
#eb7200
#eb7200
rgb(235,114,0)
-
#ff7c00
#ff7c00
rgb(255,124,0)
-
#ff8614
#ff8614
rgb(255,134,20)
-
#ff9027
#ff9027
rgb(255,144,39)
-
#ff9a3b
#ff9a3b
rgb(255,154,59)
-
#ffa44e
#ffa44e
rgb(255,164,78)
-
#ffae62
#ffae62
rgb(255,174,98)
-
#ffb876
#ffb876
rgb(255,184,118)
-
#ffc389
#ffc389
rgb(255,195,137)
-
#ffcd9d
#ffcd9d
rgb(255,205,157)
-
#ffd7b1
#ffd7b1
rgb(255,215,177)
-
#ffe1c4
#ffe1c4
rgb(255,225,196)
-
#ffebd8
#ffebd8
rgb(255,235,216)
-
#fff5eb
#fff5eb
rgb(255,245,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff7c00
A tone is produced by adding gray to any pure hue. In this case, #897f76 is the less saturated color, while #ff7c00 is the most saturated one.
-
#897f76
#897f76
rgb(137,127,118)
-
#937f6c
#937f6c
rgb(147,127,108)
-
#9d7f62
#9d7f62
rgb(157,127,98)
-
#a77e58
#a77e58
rgb(167,126,88)
-
#b17e4e
#b17e4e
rgb(177,126,78)
-
#ba7e45
#ba7e45
rgb(186,126,69)
-
#c47e3b
#c47e3b
rgb(196,126,59)
-
#ce7d31
#ce7d31
rgb(206,125,49)
-
#d87d27
#d87d27
rgb(216,125,39)
-
#e27d1d
#e27d1d
rgb(226,125,29)
-
#eb7d14
#eb7d14
rgb(235,125,20)
-
#f57c0a
#f57c0a
rgb(245,124,10)
-
#ff7c00
#ff7c00
rgb(255,124,0)
Color Blindness Simulator
Below, you can see how #ff7c00 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.