#ffa22a Color Information
In a RGB color space, hex #ffa22a is composed of 100% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 83.5% yellow and 0% black. It has a hue angle of 33.8 degrees, a saturation of 100% and a lightness of 58.2%. #ffa22a color hex could be obtained by blending #ffff54 with #ff4500. Closest websafe color is: #ff9933.
-
- R 100
- G 64
- B 16
-
- C 0
- M 36
- Y 84
- K 0
● #ffa22a color description : Vivid orange.
#ffa22a Color Conversion
The hexadecimal color #ffa22a has RGB values of R:255, G:162, B:42 and CMYK values of C:0, M:0.36, Y:0.84, K:0. Its decimal value is 16753194.
Hex triplet | ffa22a | #ffa22a |
---|---|---|
RGB Decimal | 255, 162, 42 | rgb(255,162,42) |
RGB Percent | 100, 63.5, 16.5 | rgb(100%,63.5%,16.5%) |
CMYK | 0, 36, 84, 0 | |
HSL | 33.8°, 100, 58.2 | hsl(33.8,100%,58.2%) |
HSV (or HSB) | 33.8°, 83.5, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.363, 26.096, 70.522 |
---|---|
XYZ | 54.58, 47.272, 8.44 |
xyY | 0.495, 0.429, 47.272 |
CIE-LCH | 74.363, 75.195, 69.694 |
CIE-LUV | 74.363, 76.247, 68.542 |
Hunter-Lab | 68.755, 21.379, 40.85 |
Binary | 11111111, 10100010, 00101010 |
Color Schemes with #ffa22a
Alternatives to #ffa22a
Below, you can see some colors close to #ffa22a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa22a Preview
This text has a font color of #ffa22a.
<span style="color:#ffa22a;">Text here</span>
This paragraph has a background color of #ffa22a.
<p style="background-color:#ffa22a;">Content here</p>
This element has a border color of #ffa22a.
<div style="border:1px solid #ffa22a;">Content here</div>
.text {color:#ffa22a;}
.background {background-color:#ffa22a;}
.border {border:1px solid #ffa22a;}
Shades and Tints of #ffa22a
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, #030200 is the darkest color, while #fff8ee is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#160d00
#160d00
rgb(22,13,0)
-
#2a1800
#2a1800
rgb(42,24,0)
-
#3e2300
#3e2300
rgb(62,35,0)
-
#512e00
#512e00
rgb(81,46,0)
-
#653900
#653900
rgb(101,57,0)
-
#784400
#784400
rgb(120,68,0)
-
#8c4f00
#8c4f00
rgb(140,79,0)
-
#a05a00
#a05a00
rgb(160,90,0)
-
#b36500
#b36500
rgb(179,101,0)
-
#c77000
#c77000
rgb(199,112,0)
-
#db7b00
#db7b00
rgb(219,123,0)
-
#ee8600
#ee8600
rgb(238,134,0)
-
#ff9103
#ff9103
rgb(255,145,3)
-
#ff9916
#ff9916
rgb(255,153,22)
-
#ffa22a
#ffa22a
rgb(255,162,42)
-
#ffab3e
#ffab3e
rgb(255,171,62)
-
#ffb351
#ffb351
rgb(255,179,81)
-
#ffbc65
#ffbc65
rgb(255,188,101)
-
#ffc478
#ffc478
rgb(255,196,120)
-
#ffcd8c
#ffcd8c
rgb(255,205,140)
-
#ffd5a0
#ffd5a0
rgb(255,213,160)
-
#ffdeb3
#ffdeb3
rgb(255,222,179)
-
#ffe7c7
#ffe7c7
rgb(255,231,199)
-
#ffefdb
#ffefdb
rgb(255,239,219)
-
#fff8ee
#fff8ee
rgb(255,248,238)
Tones of #ffa22a
A tone is produced by adding gray to any pure hue. In this case, #9d968c is the less saturated color, while #ffa22a is the most saturated one.
-
#9d968c
#9d968c
rgb(157,150,140)
-
#a59784
#a59784
rgb(165,151,132)
-
#ad987c
#ad987c
rgb(173,152,124)
-
#b59974
#b59974
rgb(181,153,116)
-
#bd9a6c
#bd9a6c
rgb(189,154,108)
-
#c69b63
#c69b63
rgb(198,155,99)
-
#ce9c5b
#ce9c5b
rgb(206,156,91)
-
#d69d53
#d69d53
rgb(214,157,83)
-
#de9e4b
#de9e4b
rgb(222,158,75)
-
#e69f43
#e69f43
rgb(230,159,67)
-
#efa03a
#efa03a
rgb(239,160,58)
-
#f7a132
#f7a132
rgb(247,161,50)
-
#ffa22a
#ffa22a
rgb(255,162,42)
Color Blindness Simulator
Below, you can see how #ffa22a 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.