#ffa22d Color Information
In a RGB color space, hex #ffa22d is composed of 100% red, 63.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 82.4% yellow and 0% black. It has a hue angle of 33.4 degrees, a saturation of 100% and a lightness of 58.8%. #ffa22d color hex could be obtained by blending #ffff5a with #ff4500. Closest websafe color is: #ff9933.
-
- R 100
- G 64
- B 18
-
- C 0
- M 36
- Y 82
- K 0
● #ffa22d color description : Vivid orange.
#ffa22d Color Conversion
The hexadecimal color #ffa22d has RGB values of R:255, G:162, B:45 and CMYK values of C:0, M:0.36, Y:0.82, K:0. Its decimal value is 16753197.
Hex triplet | ffa22d | #ffa22d |
---|---|---|
RGB Decimal | 255, 162, 45 | rgb(255,162,45) |
RGB Percent | 100, 63.5, 17.6 | rgb(100%,63.5%,17.6%) |
CMYK | 0, 36, 82, 0 | |
HSL | 33.4°, 100, 58.8 | hsl(33.4,100%,58.8%) |
HSV (or HSB) | 33.4°, 82.4, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.378, 26.176, 69.57 |
---|---|
XYZ | 54.636, 47.294, 8.734 |
xyY | 0.494, 0.427, 47.294 |
CIE-LCH | 74.378, 74.331, 69.381 |
CIE-LUV | 74.378, 76.104, 67.962 |
Hunter-Lab | 68.771, 21.462, 40.61 |
Binary | 11111111, 10100010, 00101101 |
Color Schemes with #ffa22d
Alternatives to #ffa22d
Below, you can see some colors close to #ffa22d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa22d Preview
This text has a font color of #ffa22d.
<span style="color:#ffa22d;">Text here</span>
This paragraph has a background color of #ffa22d.
<p style="background-color:#ffa22d;">Content here</p>
This element has a border color of #ffa22d.
<div style="border:1px solid #ffa22d;">Content here</div>
.text {color:#ffa22d;}
.background {background-color:#ffa22d;}
.border {border:1px solid #ffa22d;}
Shades and Tints of #ffa22d
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, #060300 is the darkest color, while #fff9f1 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#190e00
#190e00
rgb(25,14,0)
-
#2d1900
#2d1900
rgb(45,25,0)
-
#412400
#412400
rgb(65,36,0)
-
#542f00
#542f00
rgb(84,47,0)
-
#683a00
#683a00
rgb(104,58,0)
-
#7b4500
#7b4500
rgb(123,69,0)
-
#8f5000
#8f5000
rgb(143,80,0)
-
#a35b00
#a35b00
rgb(163,91,0)
-
#b66600
#b66600
rgb(182,102,0)
-
#ca7100
#ca7100
rgb(202,113,0)
-
#de7b00
#de7b00
rgb(222,123,0)
-
#f18600
#f18600
rgb(241,134,0)
-
#ff9106
#ff9106
rgb(255,145,6)
-
#ff9919
#ff9919
rgb(255,153,25)
-
#ffa22d
#ffa22d
rgb(255,162,45)
-
#ffab41
#ffab41
rgb(255,171,65)
-
#ffb354
#ffb354
rgb(255,179,84)
-
#ffbc68
#ffbc68
rgb(255,188,104)
-
#ffc57b
#ffc57b
rgb(255,197,123)
-
#ffcd8f
#ffcd8f
rgb(255,205,143)
-
#ffd6a3
#ffd6a3
rgb(255,214,163)
-
#ffdfb6
#ffdfb6
rgb(255,223,182)
-
#ffe7ca
#ffe7ca
rgb(255,231,202)
-
#fff0de
#fff0de
rgb(255,240,222)
-
#fff9f1
#fff9f1
rgb(255,249,241)
Tones of #ffa22d
A tone is produced by adding gray to any pure hue. In this case, #9e978e is the less saturated color, while #ffa22d is the most saturated one.
-
#9e978e
#9e978e
rgb(158,151,142)
-
#a69886
#a69886
rgb(166,152,134)
-
#ae997e
#ae997e
rgb(174,153,126)
-
#b69a76
#b69a76
rgb(182,154,118)
-
#be9b6e
#be9b6e
rgb(190,155,110)
-
#c69c66
#c69c66
rgb(198,156,102)
-
#cf9c5d
#cf9c5d
rgb(207,156,93)
-
#d79d55
#d79d55
rgb(215,157,85)
-
#df9e4d
#df9e4d
rgb(223,158,77)
-
#e79f45
#e79f45
rgb(231,159,69)
-
#efa03d
#efa03d
rgb(239,160,61)
-
#f7a135
#f7a135
rgb(247,161,53)
-
#ffa22d
#ffa22d
rgb(255,162,45)
Color Blindness Simulator
Below, you can see how #ffa22d 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.