#ffa224 Color Information
In a RGB color space, hex #ffa224 is composed of 100% red, 63.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 85.9% yellow and 0% black. It has a hue angle of 34.5 degrees, a saturation of 100% and a lightness of 57.1%. #ffa224 color hex could be obtained by blending #ffff48 with #ff4500. Closest websafe color is: #ff9933.
-
- R 100
- G 64
- B 14
-
- C 0
- M 36
- Y 86
- K 0
● #ffa224 color description : Vivid orange.
#ffa224 Color Conversion
The hexadecimal color #ffa224 has RGB values of R:255, G:162, B:36 and CMYK values of C:0, M:0.36, Y:0.86, K:0. Its decimal value is 16753188.
Hex triplet | ffa224 | #ffa224 |
---|---|---|
RGB Decimal | 255, 162, 36 | rgb(255,162,36) |
RGB Percent | 100, 63.5, 14.1 | rgb(100%,63.5%,14.1%) |
CMYK | 0, 36, 86, 0 | |
HSL | 34.5°, 100, 57.1 | hsl(34.5,100%,57.1%) |
HSV (or HSB) | 34.5°, 85.9, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.338, 25.952, 72.28 |
---|---|
XYZ | 54.48, 47.232, 7.917 |
xyY | 0.497, 0.431, 47.232 |
CIE-LCH | 74.338, 76.798, 70.249 |
CIE-LUV | 74.338, 76.503, 69.581 |
Hunter-Lab | 68.726, 21.231, 41.278 |
Binary | 11111111, 10100010, 00100100 |
Color Schemes with #ffa224
Alternatives to #ffa224
Below, you can see some colors close to #ffa224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa224 Preview
This text has a font color of #ffa224.
<span style="color:#ffa224;">Text here</span>
This paragraph has a background color of #ffa224.
<p style="background-color:#ffa224;">Content here</p>
This element has a border color of #ffa224.
<div style="border:1px solid #ffa224;">Content here</div>
.text {color:#ffa224;}
.background {background-color:#ffa224;}
.border {border:1px solid #ffa224;}
Shades and Tints of #ffa224
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, #100900 is the darkest color, while #fffefc is the lightest one.
-
#100900
#100900
rgb(16,9,0)
-
#241500
#241500
rgb(36,21,0)
-
#382000
#382000
rgb(56,32,0)
-
#4b2b00
#4b2b00
rgb(75,43,0)
-
#5f3700
#5f3700
rgb(95,55,0)
-
#724200
#724200
rgb(114,66,0)
-
#864d00
#864d00
rgb(134,77,0)
-
#9a5800
#9a5800
rgb(154,88,0)
-
#ad6400
#ad6400
rgb(173,100,0)
-
#c16f00
#c16f00
rgb(193,111,0)
-
#d57a00
#d57a00
rgb(213,122,0)
-
#e88600
#e88600
rgb(232,134,0)
-
#fc9100
#fc9100
rgb(252,145,0)
-
#ff9a10
#ff9a10
rgb(255,154,16)
-
#ffa224
#ffa224
rgb(255,162,36)
-
#ffaa38
#ffaa38
rgb(255,170,56)
-
#ffb34b
#ffb34b
rgb(255,179,75)
-
#ffbb5f
#ffbb5f
rgb(255,187,95)
-
#ffc372
#ffc372
rgb(255,195,114)
-
#ffcc86
#ffcc86
rgb(255,204,134)
-
#ffd49a
#ffd49a
rgb(255,212,154)
-
#ffdcad
#ffdcad
rgb(255,220,173)
-
#ffe5c1
#ffe5c1
rgb(255,229,193)
-
#ffedd5
#ffedd5
rgb(255,237,213)
-
#fff5e8
#fff5e8
rgb(255,245,232)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #ffa224
A tone is produced by adding gray to any pure hue. In this case, #9a9389 is the less saturated color, while #ffa224 is the most saturated one.
-
#9a9389
#9a9389
rgb(154,147,137)
-
#a29481
#a29481
rgb(162,148,129)
-
#ab9578
#ab9578
rgb(171,149,120)
-
#b39770
#b39770
rgb(179,151,112)
-
#bc9867
#bc9867
rgb(188,152,103)
-
#c4995f
#c4995f
rgb(196,153,95)
-
#cc9a57
#cc9a57
rgb(204,154,87)
-
#d59c4e
#d59c4e
rgb(213,156,78)
-
#dd9d46
#dd9d46
rgb(221,157,70)
-
#e69e3d
#e69e3d
rgb(230,158,61)
-
#ee9f35
#ee9f35
rgb(238,159,53)
-
#f7a12c
#f7a12c
rgb(247,161,44)
-
#ffa224
#ffa224
rgb(255,162,36)
Color Blindness Simulator
Below, you can see how #ffa224 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.