#ff4500 Color Information
In a RGB color space, hex #ff4500 (also known as Orange red) is composed of 100% red, 27.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 100% yellow and 0% black. It has a hue angle of 16.2 degrees, a saturation of 100% and a lightness of 50%. #ff4500 color hex could be obtained by blending #ff8a00 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 27
- B 0
-
- C 0
- M 73
- Y 100
- K 0
● #ff4500 color description : Pure (or mostly pure) orange.
#ff4500 Color Conversion
The hexadecimal color #ff4500 has RGB values of R:255, G:69, B:0 and CMYK values of C:0, M:0.73, Y:1, K:0. Its decimal value is 16729344.
Hex triplet | ff4500 | #ff4500 |
---|---|---|
RGB Decimal | 255, 69, 0 | rgb(255,69,0) |
RGB Percent | 100, 27.1, 0 | rgb(100%,27.1%,0%) |
CMYK | 0, 73, 100, 0 | |
HSL | 16.2°, 100, 50 | hsl(16.2,100%,50%) |
HSV (or HSB) | 16.2°, 100, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 57.58, 67.78, 68.957 |
---|---|
XYZ | 43.37, 25.522, 2.643 |
xyY | 0.606, 0.357, 25.522 |
CIE-LCH | 57.58, 96.691, 45.493 |
CIE-LUV | 57.58, 151.037, 45.485 |
Hunter-Lab | 50.519, 64.834, 32.262 |
Binary | 11111111, 01000101, 00000000 |
Color Schemes with #ff4500
Alternatives to #ff4500
Below, you can see some colors close to #ff4500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff4500 Preview
This text has a font color of #ff4500.
<span style="color:#ff4500;">Text here</span>
This paragraph has a background color of #ff4500.
<p style="background-color:#ff4500;">Content here</p>
This element has a border color of #ff4500.
<div style="border:1px solid #ff4500;">Content here</div>
.text {color:#ff4500;}
.background {background-color:#ff4500;}
.border {border:1px solid #ff4500;}
Shades and Tints of #ff4500
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)
-
#4e1500
#4e1500
rgb(78,21,0)
-
#621b00
#621b00
rgb(98,27,0)
-
#762000
#762000
rgb(118,32,0)
-
#892500
#892500
rgb(137,37,0)
-
#9d2a00
#9d2a00
rgb(157,42,0)
-
#b13000
#b13000
rgb(177,48,0)
-
#c43500
#c43500
rgb(196,53,0)
-
#d83a00
#d83a00
rgb(216,58,0)
-
#eb4000
#eb4000
rgb(235,64,0)
-
#ff4500
#ff4500
rgb(255,69,0)
-
#ff5314
#ff5314
rgb(255,83,20)
-
#ff6227
#ff6227
rgb(255,98,39)
-
#ff703b
#ff703b
rgb(255,112,59)
-
#ff7e4e
#ff7e4e
rgb(255,126,78)
-
#ff8d62
#ff8d62
rgb(255,141,98)
-
#ff9b76
#ff9b76
rgb(255,155,118)
-
#ffa989
#ffa989
rgb(255,169,137)
-
#ffb79d
#ffb79d
rgb(255,183,157)
-
#ffc6b1
#ffc6b1
rgb(255,198,177)
-
#ffd4c4
#ffd4c4
rgb(255,212,196)
-
#ffe2d8
#ffe2d8
rgb(255,226,216)
-
#fff1eb
#fff1eb
rgb(255,241,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff4500
A tone is produced by adding gray to any pure hue. In this case, #897b76 is the less saturated color, while #ff4500 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)
-
#b1694e
#b1694e
rgb(177,105,78)
-
#ba6545
#ba6545
rgb(186,101,69)
-
#c4603b
#c4603b
rgb(196,96,59)
-
#ce5c31
#ce5c31
rgb(206,92,49)
-
#d85727
#d85727
rgb(216,87,39)
-
#e2521d
#e2521d
rgb(226,82,29)
-
#eb4e14
#eb4e14
rgb(235,78,20)
-
#f5490a
#f5490a
rgb(245,73,10)
-
#ff4500
#ff4500
rgb(255,69,0)
Color Blindness Simulator
Below, you can see how #ff4500 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.