#ff8224 Color Information
In a RGB color space, hex #ff8224 is composed of 100% red, 51% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 85.9% yellow and 0% black. It has a hue angle of 25.8 degrees, a saturation of 100% and a lightness of 57.1%. #ff8224 color hex could be obtained by blending #ffff48 with #ff0500. Closest websafe color is: #ff9933.
-
- R 100
- G 51
- B 14
-
- C 0
- M 49
- Y 86
- K 0
● #ff8224 color description : Vivid orange.
#ff8224 Color Conversion
The hexadecimal color #ff8224 has RGB values of R:255, G:130, B:36 and CMYK values of C:0, M:0.49, Y:0.86, K:0. Its decimal value is 16744996.
Hex triplet | ff8224 | #ff8224 |
---|---|---|
RGB Decimal | 255, 130, 36 | rgb(255,130,36) |
RGB Percent | 100, 51, 14.1 | rgb(100%,51%,14.1%) |
CMYK | 0, 49, 86, 0 | |
HSL | 25.8°, 100, 57.1 | hsl(25.8,100%,57.1%) |
HSV (or HSB) | 25.8°, 85.9, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 67.544, 42.289, 66.806 |
---|---|
XYZ | 49.543, 37.357, 6.271 |
xyY | 0.532, 0.401, 37.357 |
CIE-LCH | 67.544, 79.066, 57.666 |
CIE-LUV | 67.544, 103.052, 58.331 |
Hunter-Lab | 61.121, 37.727, 36.702 |
Binary | 11111111, 10000010, 00100100 |
Color Schemes with #ff8224
Alternatives to #ff8224
Below, you can see some colors close to #ff8224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff8224 Preview
This text has a font color of #ff8224.
<span style="color:#ff8224;">Text here</span>
This paragraph has a background color of #ff8224.
<p style="background-color:#ff8224;">Content here</p>
This element has a border color of #ff8224.
<div style="border:1px solid #ff8224;">Content here</div>
.text {color:#ff8224;}
.background {background-color:#ff8224;}
.border {border:1px solid #ff8224;}
Shades and Tints of #ff8224
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, #100700 is the darkest color, while #fffdfc is the lightest one.
-
#100700
#100700
rgb(16,7,0)
-
#240f00
#240f00
rgb(36,15,0)
-
#381800
#381800
rgb(56,24,0)
-
#4b2000
#4b2000
rgb(75,32,0)
-
#5f2900
#5f2900
rgb(95,41,0)
-
#723100
#723100
rgb(114,49,0)
-
#863a00
#863a00
rgb(134,58,0)
-
#9a4200
#9a4200
rgb(154,66,0)
-
#ad4a00
#ad4a00
rgb(173,74,0)
-
#c15300
#c15300
rgb(193,83,0)
-
#d55b00
#d55b00
rgb(213,91,0)
-
#e86400
#e86400
rgb(232,100,0)
-
#fc6c00
#fc6c00
rgb(252,108,0)
-
#ff7710
#ff7710
rgb(255,119,16)
-
#ff8224
#ff8224
rgb(255,130,36)
-
#ff8d38
#ff8d38
rgb(255,141,56)
-
#ff984b
#ff984b
rgb(255,152,75)
-
#ffa45f
#ffa45f
rgb(255,164,95)
-
#ffaf72
#ffaf72
rgb(255,175,114)
-
#ffba86
#ffba86
rgb(255,186,134)
-
#ffc59a
#ffc59a
rgb(255,197,154)
-
#ffd0ad
#ffd0ad
rgb(255,208,173)
-
#ffdcc1
#ffdcc1
rgb(255,220,193)
-
#ffe7d5
#ffe7d5
rgb(255,231,213)
-
#fff2e8
#fff2e8
rgb(255,242,232)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #ff8224
A tone is produced by adding gray to any pure hue. In this case, #9a9089 is the less saturated color, while #ff8224 is the most saturated one.
-
#9a9089
#9a9089
rgb(154,144,137)
-
#a28f81
#a28f81
rgb(162,143,129)
-
#ab8e78
#ab8e78
rgb(171,142,120)
-
#b38d70
#b38d70
rgb(179,141,112)
-
#bc8c67
#bc8c67
rgb(188,140,103)
-
#c48a5f
#c48a5f
rgb(196,138,95)
-
#cc8957
#cc8957
rgb(204,137,87)
-
#d5884e
#d5884e
rgb(213,136,78)
-
#dd8746
#dd8746
rgb(221,135,70)
-
#e6863d
#e6863d
rgb(230,134,61)
-
#ee8435
#ee8435
rgb(238,132,53)
-
#f7832c
#f7832c
rgb(247,131,44)
-
#ff8224
#ff8224
rgb(255,130,36)
Color Blindness Simulator
Below, you can see how #ff8224 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.