#ff7224 Color Information
In a RGB color space, hex #ff7224 is composed of 100% red, 44.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.3% magenta, 85.9% yellow and 0% black. It has a hue angle of 21.4 degrees, a saturation of 100% and a lightness of 57.1%. #ff7224 color hex could be obtained by blending #ffe448 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 45
- B 14
-
- C 0
- M 55
- Y 86
- K 0
● #ff7224 color description : Vivid orange.
#ff7224 Color Conversion
The hexadecimal color #ff7224 has RGB values of R:255, G:114, B:36 and CMYK values of C:0, M:0.55, Y:0.86, K:0. Its decimal value is 16740900.
Hex triplet | ff7224 | #ff7224 |
---|---|---|
RGB Decimal | 255, 114, 36 | rgb(255,114,36) |
RGB Percent | 100, 44.7, 14.1 | rgb(100%,44.7%,14.1%) |
CMYK | 0, 55, 86, 0 | |
HSL | 21.4°, 100, 57.1 | hsl(21.4,100%,57.1%) |
HSV (or HSB) | 21.4°, 85.9, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 64.505, 49.997, 64.355 |
---|---|
XYZ | 47.578, 33.427, 5.616 |
xyY | 0.549, 0.386, 33.427 |
CIE-LCH | 64.505, 81.494, 52.157 |
CIE-LUV | 64.505, 116.142, 53.122 |
Hunter-Lab | 57.816, 45.713, 34.712 |
Binary | 11111111, 01110010, 00100100 |
Color Schemes with #ff7224
Alternatives to #ff7224
Below, you can see some colors close to #ff7224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff7224 Preview
This text has a font color of #ff7224.
<span style="color:#ff7224;">Text here</span>
This paragraph has a background color of #ff7224.
<p style="background-color:#ff7224;">Content here</p>
This element has a border color of #ff7224.
<div style="border:1px solid #ff7224;">Content here</div>
.text {color:#ff7224;}
.background {background-color:#ff7224;}
.border {border:1px solid #ff7224;}
Shades and Tints of #ff7224
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)
-
#4b1b00
#4b1b00
rgb(75,27,0)
-
#5f2200
#5f2200
rgb(95,34,0)
-
#722900
#722900
rgb(114,41,0)
-
#863000
#863000
rgb(134,48,0)
-
#9a3700
#9a3700
rgb(154,55,0)
-
#ad3e00
#ad3e00
rgb(173,62,0)
-
#c14500
#c14500
rgb(193,69,0)
-
#d54c00
#d54c00
rgb(213,76,0)
-
#e85300
#e85300
rgb(232,83,0)
-
#fc5a00
#fc5a00
rgb(252,90,0)
-
#ff6510
#ff6510
rgb(255,101,16)
-
#ff7224
#ff7224
rgb(255,114,36)
-
#ff7f38
#ff7f38
rgb(255,127,56)
-
#ff8b4b
#ff8b4b
rgb(255,139,75)
-
#ff985f
#ff985f
rgb(255,152,95)
-
#ffa572
#ffa572
rgb(255,165,114)
-
#ffb186
#ffb186
rgb(255,177,134)
-
#ffbe9a
#ffbe9a
rgb(255,190,154)
-
#ffcaad
#ffcaad
rgb(255,202,173)
-
#ffd7c1
#ffd7c1
rgb(255,215,193)
-
#ffe4d5
#ffe4d5
rgb(255,228,213)
-
#fff0e8
#fff0e8
rgb(255,240,232)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #ff7224
A tone is produced by adding gray to any pure hue. In this case, #9a8f89 is the less saturated color, while #ff7224 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)
-
#cc8157
#cc8157
rgb(204,129,87)
-
#d57e4e
#d57e4e
rgb(213,126,78)
-
#dd7c46
#dd7c46
rgb(221,124,70)
-
#e6793d
#e6793d
rgb(230,121,61)
-
#ee7735
#ee7735
rgb(238,119,53)
-
#f7742c
#f7742c
rgb(247,116,44)
-
#ff7224
#ff7224
rgb(255,114,36)
Color Blindness Simulator
Below, you can see how #ff7224 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.