#ffa222 Color Information
In a RGB color space, hex #ffa222 is composed of 100% red, 63.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 86.7% yellow and 0% black. It has a hue angle of 34.8 degrees, a saturation of 100% and a lightness of 56.7%. #ffa222 color hex could be obtained by blending #ffff44 with #ff4500. Closest websafe color is: #ff9933.
-
- R 100
- G 64
- B 13
-
- C 0
- M 36
- Y 87
- K 0
● #ffa222 color description : Vivid orange.
#ffa222 Color Conversion
The hexadecimal color #ffa222 has RGB values of R:255, G:162, B:34 and CMYK values of C:0, M:0.36, Y:0.87, K:0. Its decimal value is 16753186.
Hex triplet | ffa222 | #ffa222 |
---|---|---|
RGB Decimal | 255, 162, 34 | rgb(255,162,34) |
RGB Percent | 100, 63.5, 13.3 | rgb(100%,63.5%,13.3%) |
CMYK | 0, 36, 87, 0 | |
HSL | 34.8°, 100, 56.7 | hsl(34.8,100%,56.7%) |
HSV (or HSB) | 34.8°, 86.7, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.33, 25.909, 72.821 |
---|---|
XYZ | 54.451, 47.22, 7.76 |
xyY | 0.498, 0.432, 47.22 |
CIE-LCH | 74.33, 77.293, 70.415 |
CIE-LUV | 74.33, 76.58, 69.892 |
Hunter-Lab | 68.717, 21.187, 41.406 |
Binary | 11111111, 10100010, 00100010 |
Color Schemes with #ffa222
Alternatives to #ffa222
Below, you can see some colors close to #ffa222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa222 Preview
This text has a font color of #ffa222.
<span style="color:#ffa222;">Text here</span>
This paragraph has a background color of #ffa222.
<p style="background-color:#ffa222;">Content here</p>
This element has a border color of #ffa222.
<div style="border:1px solid #ffa222;">Content here</div>
.text {color:#ffa222;}
.background {background-color:#ffa222;}
.border {border:1px solid #ffa222;}
Shades and Tints of #ffa222
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, #0e0800 is the darkest color, while #fffdfa is the lightest one.
-
#0e0800
#0e0800
rgb(14,8,0)
-
#221400
#221400
rgb(34,20,0)
-
#361f00
#361f00
rgb(54,31,0)
-
#492a00
#492a00
rgb(73,42,0)
-
#5d3600
#5d3600
rgb(93,54,0)
-
#704100
#704100
rgb(112,65,0)
-
#844c00
#844c00
rgb(132,76,0)
-
#985800
#985800
rgb(152,88,0)
-
#ab6300
#ab6300
rgb(171,99,0)
-
#bf6f00
#bf6f00
rgb(191,111,0)
-
#d37a00
#d37a00
rgb(211,122,0)
-
#e68500
#e68500
rgb(230,133,0)
-
#fa9100
#fa9100
rgb(250,145,0)
-
#ff9a0e
#ff9a0e
rgb(255,154,14)
-
#ffa222
#ffa222
rgb(255,162,34)
-
#ffaa36
#ffaa36
rgb(255,170,54)
-
#ffb349
#ffb349
rgb(255,179,73)
-
#ffbb5d
#ffbb5d
rgb(255,187,93)
-
#ffc370
#ffc370
rgb(255,195,112)
-
#ffcb84
#ffcb84
rgb(255,203,132)
-
#ffd498
#ffd498
rgb(255,212,152)
-
#ffdcab
#ffdcab
rgb(255,220,171)
-
#ffe4bf
#ffe4bf
rgb(255,228,191)
-
#ffecd3
#ffecd3
rgb(255,236,211)
-
#fff5e6
#fff5e6
rgb(255,245,230)
-
#fffdfa
#fffdfa
rgb(255,253,250)
Tones of #ffa222
A tone is produced by adding gray to any pure hue. In this case, #999288 is the less saturated color, while #ffa222 is the most saturated one.
-
#999288
#999288
rgb(153,146,136)
-
#a29380
#a29380
rgb(162,147,128)
-
#aa9577
#aa9577
rgb(170,149,119)
-
#b3966f
#b3966f
rgb(179,150,111)
-
#bb9766
#bb9766
rgb(187,151,102)
-
#c4995e
#c4995e
rgb(196,153,94)
-
#cc9a55
#cc9a55
rgb(204,154,85)
-
#d59b4d
#d59b4d
rgb(213,155,77)
-
#dd9d44
#dd9d44
rgb(221,157,68)
-
#e69e3c
#e69e3c
rgb(230,158,60)
-
#ee9f33
#ee9f33
rgb(238,159,51)
-
#f7a12b
#f7a12b
rgb(247,161,43)
-
#ffa222
#ffa222
rgb(255,162,34)
Color Blindness Simulator
Below, you can see how #ffa222 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.