#ff7124 Color Information
In a RGB color space, hex #ff7124 is composed of 100% red, 44.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.7% magenta, 85.9% yellow and 0% black. It has a hue angle of 21.1 degrees, a saturation of 100% and a lightness of 57.1%. #ff7124 color hex could be obtained by blending #ffe248 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 44
- B 14
-
- C 0
- M 56
- Y 86
- K 0
● #ff7124 color description : Vivid orange.
#ff7124 Color Conversion
The hexadecimal color #ff7124 has RGB values of R:255, G:113, B:36 and CMYK values of C:0, M:0.56, Y:0.86, K:0. Its decimal value is 16740644.
Hex triplet | ff7124 | #ff7124 |
---|---|---|
RGB Decimal | 255, 113, 36 | rgb(255,113,36) |
RGB Percent | 100, 44.3, 14.1 | rgb(100%,44.3%,14.1%) |
CMYK | 0, 56, 86, 0 | |
HSL | 21.1°, 100, 57.1 | hsl(21.1,100%,57.1%) |
HSV (or HSB) | 21.1°, 85.9, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 64.325, 50.462, 64.21 |
---|---|
XYZ | 47.466, 33.203, 5.578 |
xyY | 0.55, 0.385, 33.203 |
CIE-LCH | 64.325, 81.666, 51.836 |
CIE-LUV | 64.325, 116.945, 52.808 |
Hunter-Lab | 57.622, 46.201, 34.595 |
Binary | 11111111, 01110001, 00100100 |
Color Schemes with #ff7124
Alternatives to #ff7124
Below, you can see some colors close to #ff7124. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7124 Preview
This text has a font color of #ff7124.
<span style="color:#ff7124;">Text here</span>
This paragraph has a background color of #ff7124.
<p style="background-color:#ff7124;">Content here</p>
This element has a border color of #ff7124.
<div style="border:1px solid #ff7124;">Content here</div>
.text {color:#ff7124;}
.background {background-color:#ff7124;}
.border {border:1px solid #ff7124;}
Shades and Tints of #ff7124
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, #100600 is the darkest color, while #fffdfc is the lightest one.
-
#100600
#100600
rgb(16,6,0)
-
#240d00
#240d00
rgb(36,13,0)
-
#381400
#381400
rgb(56,20,0)
-
#4b1a00
#4b1a00
rgb(75,26,0)
-
#5f2100
#5f2100
rgb(95,33,0)
-
#722800
#722800
rgb(114,40,0)
-
#862f00
#862f00
rgb(134,47,0)
-
#9a3600
#9a3600
rgb(154,54,0)
-
#ad3d00
#ad3d00
rgb(173,61,0)
-
#c14400
#c14400
rgb(193,68,0)
-
#d54b00
#d54b00
rgb(213,75,0)
-
#e85200
#e85200
rgb(232,82,0)
-
#fc5900
#fc5900
rgb(252,89,0)
-
#ff6410
#ff6410
rgb(255,100,16)
-
#ff7124
#ff7124
rgb(255,113,36)
-
#ff7e38
#ff7e38
rgb(255,126,56)
-
#ff8a4b
#ff8a4b
rgb(255,138,75)
-
#ff975f
#ff975f
rgb(255,151,95)
-
#ffa472
#ffa472
rgb(255,164,114)
-
#ffb186
#ffb186
rgb(255,177,134)
-
#ffbd9a
#ffbd9a
rgb(255,189,154)
-
#ffcaad
#ffcaad
rgb(255,202,173)
-
#ffd7c1
#ffd7c1
rgb(255,215,193)
-
#ffe3d5
#ffe3d5
rgb(255,227,213)
-
#fff0e8
#fff0e8
rgb(255,240,232)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #ff7124
A tone is produced by adding gray to any pure hue. In this case, #9a8f89 is the less saturated color, while #ff7124 is the most saturated one.
-
#9a8f89
#9a8f89
rgb(154,143,137)
-
#a28d81
#a28d81
rgb(162,141,129)
-
#ab8a78
#ab8a78
rgb(171,138,120)
-
#b38870
#b38870
rgb(179,136,112)
-
#bc8567
#bc8567
rgb(188,133,103)
-
#c4835f
#c4835f
rgb(196,131,95)
-
#cc8057
#cc8057
rgb(204,128,87)
-
#d57e4e
#d57e4e
rgb(213,126,78)
-
#dd7b46
#dd7b46
rgb(221,123,70)
-
#e6793d
#e6793d
rgb(230,121,61)
-
#ee7635
#ee7635
rgb(238,118,53)
-
#f7742c
#f7742c
rgb(247,116,44)
-
#ff7124
#ff7124
rgb(255,113,36)
Color Blindness Simulator
Below, you can see how #ff7124 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.