#ffa022 Color Information
In a RGB color space, hex #ffa022 is composed of 100% red, 62.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.3% magenta, 86.7% yellow and 0% black. It has a hue angle of 34.2 degrees, a saturation of 100% and a lightness of 56.7%. #ffa022 color hex could be obtained by blending #ffff44 with #ff4100. Closest websafe color is: #ff9933.
-
- R 100
- G 63
- B 13
-
- C 0
- M 37
- Y 87
- K 0
● #ffa022 color description : Vivid orange.
#ffa022 Color Conversion
The hexadecimal color #ffa022 has RGB values of R:255, G:160, B:34 and CMYK values of C:0, M:0.37, Y:0.87, K:0. Its decimal value is 16752674.
Hex triplet | ffa022 | #ffa022 |
---|---|---|
RGB Decimal | 255, 160, 34 | rgb(255,160,34) |
RGB Percent | 100, 62.7, 13.3 | rgb(100%,62.7%,13.3%) |
CMYK | 0, 37, 87, 0 | |
HSL | 34.2°, 100, 56.7 | hsl(34.2,100%,56.7%) |
HSV (or HSB) | 34.2°, 86.7, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.882, 26.95, 72.466 |
---|---|
XYZ | 54.101, 46.521, 7.644 |
xyY | 0.5, 0.43, 46.521 |
CIE-LCH | 73.882, 77.315, 69.6 |
CIE-LUV | 73.882, 78.227, 69.168 |
Hunter-Lab | 68.206, 22.224, 41.1 |
Binary | 11111111, 10100000, 00100010 |
Color Schemes with #ffa022
Alternatives to #ffa022
Below, you can see some colors close to #ffa022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa022 Preview
This text has a font color of #ffa022.
<span style="color:#ffa022;">Text here</span>
This paragraph has a background color of #ffa022.
<p style="background-color:#ffa022;">Content here</p>
This element has a border color of #ffa022.
<div style="border:1px solid #ffa022;">Content here</div>
.text {color:#ffa022;}
.background {background-color:#ffa022;}
.border {border:1px solid #ffa022;}
Shades and Tints of #ffa022
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)
-
#221300
#221300
rgb(34,19,0)
-
#361f00
#361f00
rgb(54,31,0)
-
#492a00
#492a00
rgb(73,42,0)
-
#5d3500
#5d3500
rgb(93,53,0)
-
#704000
#704000
rgb(112,64,0)
-
#844b00
#844b00
rgb(132,75,0)
-
#985600
#985600
rgb(152,86,0)
-
#ab6200
#ab6200
rgb(171,98,0)
-
#bf6d00
#bf6d00
rgb(191,109,0)
-
#d37800
#d37800
rgb(211,120,0)
-
#e68300
#e68300
rgb(230,131,0)
-
#fa8e00
#fa8e00
rgb(250,142,0)
-
#ff980e
#ff980e
rgb(255,152,14)
-
#ffa022
#ffa022
rgb(255,160,34)
-
#ffa836
#ffa836
rgb(255,168,54)
-
#ffb149
#ffb149
rgb(255,177,73)
-
#ffb95d
#ffb95d
rgb(255,185,93)
-
#ffc270
#ffc270
rgb(255,194,112)
-
#ffca84
#ffca84
rgb(255,202,132)
-
#ffd398
#ffd398
rgb(255,211,152)
-
#ffdbab
#ffdbab
rgb(255,219,171)
-
#ffe3bf
#ffe3bf
rgb(255,227,191)
-
#ffecd3
#ffecd3
rgb(255,236,211)
-
#fff4e6
#fff4e6
rgb(255,244,230)
-
#fffdfa
#fffdfa
rgb(255,253,250)
Tones of #ffa022
A tone is produced by adding gray to any pure hue. In this case, #999288 is the less saturated color, while #ffa022 is the most saturated one.
-
#999288
#999288
rgb(153,146,136)
-
#a29380
#a29380
rgb(162,147,128)
-
#aa9477
#aa9477
rgb(170,148,119)
-
#b3956f
#b3956f
rgb(179,149,111)
-
#bb9666
#bb9666
rgb(187,150,102)
-
#c4985e
#c4985e
rgb(196,152,94)
-
#cc9955
#cc9955
rgb(204,153,85)
-
#d59a4d
#d59a4d
rgb(213,154,77)
-
#dd9b44
#dd9b44
rgb(221,155,68)
-
#e69c3c
#e69c3c
rgb(230,156,60)
-
#ee9e33
#ee9e33
rgb(238,158,51)
-
#f79f2b
#f79f2b
rgb(247,159,43)
-
#ffa022
#ffa022
rgb(255,160,34)
Color Blindness Simulator
Below, you can see how #ffa022 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.