#ff4200 Color Information
In a RGB color space, hex #ff4200 is composed of 100% red, 25.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 100% yellow and 0% black. It has a hue angle of 15.5 degrees, a saturation of 100% and a lightness of 50%. #ff4200 color hex could be obtained by blending #ff8400 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 26
- B 0
-
- C 0
- M 74
- Y 100
- K 0
● #ff4200 color description : Pure (or mostly pure) orange.
#ff4200 Color Conversion
The hexadecimal color #ff4200 has RGB values of R:255, G:66, B:0 and CMYK values of C:0, M:0.74, Y:1, K:0. Its decimal value is 16728576.
Hex triplet | ff4200 | #ff4200 |
---|---|---|
RGB Decimal | 255, 66, 0 | rgb(255,66,0) |
RGB Percent | 100, 25.9, 0 | rgb(100%,25.9%,0%) |
CMYK | 0, 74, 100, 0 | |
HSL | 15.5°, 100, 50 | hsl(15.5,100%,50%) |
HSV (or HSB) | 15.5°, 100, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 57.233, 68.745, 68.799 |
---|---|
XYZ | 43.191, 25.162, 2.583 |
xyY | 0.609, 0.355, 25.162 |
CIE-LCH | 57.233, 97.258, 45.023 |
CIE-LUV | 57.233, 152.872, 44.876 |
Hunter-Lab | 50.162, 65.911, 32.06 |
Binary | 11111111, 01000010, 00000000 |
Color Schemes with #ff4200
Alternatives to #ff4200
Below, you can see some colors close to #ff4200. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff4200 Preview
This text has a font color of #ff4200.
<span style="color:#ff4200;">Text here</span>
This paragraph has a background color of #ff4200.
<p style="background-color:#ff4200;">Content here</p>
This element has a border color of #ff4200.
<div style="border:1px solid #ff4200;">Content here</div>
.text {color:#ff4200;}
.background {background-color:#ff4200;}
.border {border:1px solid #ff4200;}
Shades and Tints of #ff4200
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)
-
#270a00
#270a00
rgb(39,10,0)
-
#3b0f00
#3b0f00
rgb(59,15,0)
-
#4e1400
#4e1400
rgb(78,20,0)
-
#621900
#621900
rgb(98,25,0)
-
#761e00
#761e00
rgb(118,30,0)
-
#892400
#892400
rgb(137,36,0)
-
#9d2900
#9d2900
rgb(157,41,0)
-
#b12e00
#b12e00
rgb(177,46,0)
-
#c43300
#c43300
rgb(196,51,0)
-
#d83800
#d83800
rgb(216,56,0)
-
#eb3d00
#eb3d00
rgb(235,61,0)
-
#ff4200
#ff4200
rgb(255,66,0)
-
#ff5114
#ff5114
rgb(255,81,20)
-
#ff5f27
#ff5f27
rgb(255,95,39)
-
#ff6e3b
#ff6e3b
rgb(255,110,59)
-
#ff7c4e
#ff7c4e
rgb(255,124,78)
-
#ff8b62
#ff8b62
rgb(255,139,98)
-
#ff9976
#ff9976
rgb(255,153,118)
-
#ffa889
#ffa889
rgb(255,168,137)
-
#ffb69d
#ffb69d
rgb(255,182,157)
-
#ffc5b1
#ffc5b1
rgb(255,197,177)
-
#ffd3c4
#ffd3c4
rgb(255,211,196)
-
#ffe2d8
#ffe2d8
rgb(255,226,216)
-
#fff0eb
#fff0eb
rgb(255,240,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff4200
A tone is produced by adding gray to any pure hue. In this case, #897b76 is the less saturated color, while #ff4200 is the most saturated one.
-
#897b76
#897b76
rgb(137,123,118)
-
#93766c
#93766c
rgb(147,118,108)
-
#9d7162
#9d7162
rgb(157,113,98)
-
#a76d58
#a76d58
rgb(167,109,88)
-
#b1684e
#b1684e
rgb(177,104,78)
-
#ba6345
#ba6345
rgb(186,99,69)
-
#c45e3b
#c45e3b
rgb(196,94,59)
-
#ce5a31
#ce5a31
rgb(206,90,49)
-
#d85527
#d85527
rgb(216,85,39)
-
#e2501d
#e2501d
rgb(226,80,29)
-
#eb4b14
#eb4b14
rgb(235,75,20)
-
#f5470a
#f5470a
rgb(245,71,10)
-
#ff4200
#ff4200
rgb(255,66,0)
Color Blindness Simulator
Below, you can see how #ff4200 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.