#ff4700 Color Information
In a RGB color space, hex #ff4700 is composed of 100% red, 27.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 100% yellow and 0% black. It has a hue angle of 16.7 degrees, a saturation of 100% and a lightness of 50%. #ff4700 color hex could be obtained by blending #ff8e00 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 28
- B 0
-
- C 0
- M 72
- Y 100
- K 0
● #ff4700 color description : Pure (or mostly pure) orange.
#ff4700 Color Conversion
The hexadecimal color #ff4700 has RGB values of R:255, G:71, B:0 and CMYK values of C:0, M:0.72, Y:1, K:0. Its decimal value is 16729856.
Hex triplet | ff4700 | #ff4700 |
---|---|---|
RGB Decimal | 255, 71, 0 | rgb(255,71,0) |
RGB Percent | 100, 27.8, 0 | rgb(100%,27.8%,0%) |
CMYK | 0, 72, 100, 0 | |
HSL | 16.7°, 100, 50 | hsl(16.7,100%,50%) |
HSV (or HSB) | 16.7°, 100, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 57.82, 67.117, 69.067 |
---|---|
XYZ | 43.496, 25.772, 2.684 |
xyY | 0.605, 0.358, 25.772 |
CIE-LCH | 57.82, 96.306, 45.821 |
CIE-LUV | 57.82, 149.78, 45.904 |
Hunter-Lab | 50.766, 64.096, 32.401 |
Binary | 11111111, 01000111, 00000000 |
Color Schemes with #ff4700
Alternatives to #ff4700
Below, you can see some colors close to #ff4700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff4700 Preview
This text has a font color of #ff4700.
<span style="color:#ff4700;">Text here</span>
This paragraph has a background color of #ff4700.
<p style="background-color:#ff4700;">Content here</p>
This element has a border color of #ff4700.
<div style="border:1px solid #ff4700;">Content here</div>
.text {color:#ff4700;}
.background {background-color:#ff4700;}
.border {border:1px solid #ff4700;}
Shades and Tints of #ff4700
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, #140500 is the darkest color, while #ffffff is the lightest one.
-
#140500
#140500
rgb(20,5,0)
-
#270b00
#270b00
rgb(39,11,0)
-
#3b1000
#3b1000
rgb(59,16,0)
-
#4e1600
#4e1600
rgb(78,22,0)
-
#621b00
#621b00
rgb(98,27,0)
-
#762100
#762100
rgb(118,33,0)
-
#892600
#892600
rgb(137,38,0)
-
#9d2c00
#9d2c00
rgb(157,44,0)
-
#b13100
#b13100
rgb(177,49,0)
-
#c43700
#c43700
rgb(196,55,0)
-
#d83c00
#d83c00
rgb(216,60,0)
-
#eb4200
#eb4200
rgb(235,66,0)
-
#ff4700
#ff4700
rgb(255,71,0)
-
#ff5514
#ff5514
rgb(255,85,20)
-
#ff6327
#ff6327
rgb(255,99,39)
-
#ff713b
#ff713b
rgb(255,113,59)
-
#ff804e
#ff804e
rgb(255,128,78)
-
#ff8e62
#ff8e62
rgb(255,142,98)
-
#ff9c76
#ff9c76
rgb(255,156,118)
-
#ffaa89
#ffaa89
rgb(255,170,137)
-
#ffb89d
#ffb89d
rgb(255,184,157)
-
#ffc6b1
#ffc6b1
rgb(255,198,177)
-
#ffd5c4
#ffd5c4
rgb(255,213,196)
-
#ffe3d8
#ffe3d8
rgb(255,227,216)
-
#fff1eb
#fff1eb
rgb(255,241,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff4700
A tone is produced by adding gray to any pure hue. In this case, #897b76 is the less saturated color, while #ff4700 is the most saturated one.
-
#897b76
#897b76
rgb(137,123,118)
-
#93776c
#93776c
rgb(147,119,108)
-
#9d7262
#9d7262
rgb(157,114,98)
-
#a76e58
#a76e58
rgb(167,110,88)
-
#b16a4e
#b16a4e
rgb(177,106,78)
-
#ba6545
#ba6545
rgb(186,101,69)
-
#c4613b
#c4613b
rgb(196,97,59)
-
#ce5d31
#ce5d31
rgb(206,93,49)
-
#d85827
#d85827
rgb(216,88,39)
-
#e2541d
#e2541d
rgb(226,84,29)
-
#eb5014
#eb5014
rgb(235,80,20)
-
#f54b0a
#f54b0a
rgb(245,75,10)
-
#ff4700
#ff4700
rgb(255,71,0)
Color Blindness Simulator
Below, you can see how #ff4700 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.