#ffa220 Color Information
In a RGB color space, hex #ffa220 is composed of 100% red, 63.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 87.5% yellow and 0% black. It has a hue angle of 35 degrees, a saturation of 100% and a lightness of 56.3%. #ffa220 color hex could be obtained by blending #ffff40 with #ff4500. Closest websafe color is: #ff9933.
-
- R 100
- G 64
- B 13
-
- C 0
- M 36
- Y 87
- K 0
● #ffa220 color description : Vivid orange.
#ffa220 Color Conversion
The hexadecimal color #ffa220 has RGB values of R:255, G:162, B:32 and CMYK values of C:0, M:0.36, Y:0.87, K:0. Its decimal value is 16753184.
Hex triplet | ffa220 | #ffa220 |
---|---|---|
RGB Decimal | 255, 162, 32 | rgb(255,162,32) |
RGB Percent | 100, 63.5, 12.5 | rgb(100%,63.5%,12.5%) |
CMYK | 0, 36, 87, 0 | |
HSL | 35°, 100, 56.3 | hsl(35,100%,56.3%) |
HSV (or HSB) | 35°, 87.5, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.323, 25.869, 73.337 |
---|---|
XYZ | 54.423, 47.209, 7.613 |
xyY | 0.498, 0.432, 47.209 |
CIE-LCH | 74.323, 77.766, 70.57 |
CIE-LUV | 74.323, 76.652, 70.186 |
Hunter-Lab | 68.709, 21.145, 41.527 |
Binary | 11111111, 10100010, 00100000 |
Color Schemes with #ffa220
Alternatives to #ffa220
Below, you can see some colors close to #ffa220. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa220 Preview
This text has a font color of #ffa220.
<span style="color:#ffa220;">Text here</span>
This paragraph has a background color of #ffa220.
<p style="background-color:#ffa220;">Content here</p>
This element has a border color of #ffa220.
<div style="border:1px solid #ffa220;">Content here</div>
.text {color:#ffa220;}
.background {background-color:#ffa220;}
.border {border:1px solid #ffa220;}
Shades and Tints of #ffa220
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, #0c0700 is the darkest color, while #fffcf8 is the lightest one.
-
#0c0700
#0c0700
rgb(12,7,0)
-
#201300
#201300
rgb(32,19,0)
-
#341e00
#341e00
rgb(52,30,0)
-
#472a00
#472a00
rgb(71,42,0)
-
#5b3500
#5b3500
rgb(91,53,0)
-
#6e4000
#6e4000
rgb(110,64,0)
-
#824c00
#824c00
rgb(130,76,0)
-
#965700
#965700
rgb(150,87,0)
-
#a96300
#a96300
rgb(169,99,0)
-
#bd6e00
#bd6e00
rgb(189,110,0)
-
#d17a00
#d17a00
rgb(209,122,0)
-
#e48500
#e48500
rgb(228,133,0)
-
#f89000
#f89000
rgb(248,144,0)
-
#ff9a0c
#ff9a0c
rgb(255,154,12)
-
#ffa220
#ffa220
rgb(255,162,32)
-
#ffaa34
#ffaa34
rgb(255,170,52)
-
#ffb247
#ffb247
rgb(255,178,71)
-
#ffbb5b
#ffbb5b
rgb(255,187,91)
-
#ffc36e
#ffc36e
rgb(255,195,110)
-
#ffcb82
#ffcb82
rgb(255,203,130)
-
#ffd396
#ffd396
rgb(255,211,150)
-
#ffdba9
#ffdba9
rgb(255,219,169)
-
#ffe3bd
#ffe3bd
rgb(255,227,189)
-
#ffecd1
#ffecd1
rgb(255,236,209)
-
#fff4e4
#fff4e4
rgb(255,244,228)
-
#fffcf8
#fffcf8
rgb(255,252,248)
Tones of #ffa220
A tone is produced by adding gray to any pure hue. In this case, #989187 is the less saturated color, while #ffa220 is the most saturated one.
-
#989187
#989187
rgb(152,145,135)
-
#a1927e
#a1927e
rgb(161,146,126)
-
#a99476
#a99476
rgb(169,148,118)
-
#b2956d
#b2956d
rgb(178,149,109)
-
#ba9765
#ba9765
rgb(186,151,101)
-
#c3985c
#c3985c
rgb(195,152,92)
-
#cc9953
#cc9953
rgb(204,153,83)
-
#d49b4b
#d49b4b
rgb(212,155,75)
-
#dd9c42
#dd9c42
rgb(221,156,66)
-
#e59e3a
#e59e3a
rgb(229,158,58)
-
#ee9f31
#ee9f31
rgb(238,159,49)
-
#f6a129
#f6a129
rgb(246,161,41)
-
#ffa220
#ffa220
rgb(255,162,32)
Color Blindness Simulator
Below, you can see how #ffa220 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.