#ffa420 Color Information
In a RGB color space, hex #ffa420 is composed of 100% red, 64.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 87.5% yellow and 0% black. It has a hue angle of 35.5 degrees, a saturation of 100% and a lightness of 56.3%. #ffa420 color hex could be obtained by blending #ffff40 with #ff4900. Closest websafe color is: #ff9933.
-
- R 100
- G 64
- B 13
-
- C 0
- M 36
- Y 87
- K 0
● #ffa420 color description : Vivid orange.
#ffa420 Color Conversion
The hexadecimal color #ffa420 has RGB values of R:255, G:164, B:32 and CMYK values of C:0, M:0.36, Y:0.87, K:0. Its decimal value is 16753696.
Hex triplet | ffa420 | #ffa420 |
---|---|---|
RGB Decimal | 255, 164, 32 | rgb(255,164,32) |
RGB Percent | 100, 64.3, 12.5 | rgb(100%,64.3%,12.5%) |
CMYK | 0, 36, 87, 0 | |
HSL | 35.5°, 100, 56.3 | hsl(35.5,100%,56.3%) |
HSV (or HSB) | 35.5°, 87.5, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.774, 24.827, 73.69 |
---|---|
XYZ | 54.778, 47.919, 7.731 |
xyY | 0.496, 0.434, 47.919 |
CIE-LCH | 74.774, 77.76, 71.38 |
CIE-LUV | 74.774, 75.007, 70.91 |
Hunter-Lab | 69.224, 20.108, 41.835 |
Binary | 11111111, 10100100, 00100000 |
Color Schemes with #ffa420
Alternatives to #ffa420
Below, you can see some colors close to #ffa420. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa420 Preview
This text has a font color of #ffa420.
<span style="color:#ffa420;">Text here</span>
This paragraph has a background color of #ffa420.
<p style="background-color:#ffa420;">Content here</p>
This element has a border color of #ffa420.
<div style="border:1px solid #ffa420;">Content here</div>
.text {color:#ffa420;}
.background {background-color:#ffa420;}
.border {border:1px solid #ffa420;}
Shades and Tints of #ffa420
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)
-
#341f00
#341f00
rgb(52,31,0)
-
#472a00
#472a00
rgb(71,42,0)
-
#5b3600
#5b3600
rgb(91,54,0)
-
#6e4100
#6e4100
rgb(110,65,0)
-
#824d00
#824d00
rgb(130,77,0)
-
#965900
#965900
rgb(150,89,0)
-
#a96400
#a96400
rgb(169,100,0)
-
#bd7000
#bd7000
rgb(189,112,0)
-
#d17b00
#d17b00
rgb(209,123,0)
-
#e48700
#e48700
rgb(228,135,0)
-
#f89300
#f89300
rgb(248,147,0)
-
#ff9c0c
#ff9c0c
rgb(255,156,12)
-
#ffa420
#ffa420
rgb(255,164,32)
-
#ffac34
#ffac34
rgb(255,172,52)
-
#ffb447
#ffb447
rgb(255,180,71)
-
#ffbc5b
#ffbc5b
rgb(255,188,91)
-
#ffc46e
#ffc46e
rgb(255,196,110)
-
#ffcc82
#ffcc82
rgb(255,204,130)
-
#ffd496
#ffd496
rgb(255,212,150)
-
#ffdca9
#ffdca9
rgb(255,220,169)
-
#ffe4bd
#ffe4bd
rgb(255,228,189)
-
#ffecd1
#ffecd1
rgb(255,236,209)
-
#fff4e4
#fff4e4
rgb(255,244,228)
-
#fffcf8
#fffcf8
rgb(255,252,248)
Tones of #ffa420
A tone is produced by adding gray to any pure hue. In this case, #989187 is the less saturated color, while #ffa420 is the most saturated one.
-
#989187
#989187
rgb(152,145,135)
-
#a1937e
#a1937e
rgb(161,147,126)
-
#a99476
#a99476
rgb(169,148,118)
-
#b2966d
#b2966d
rgb(178,150,109)
-
#ba9765
#ba9765
rgb(186,151,101)
-
#c3995c
#c3995c
rgb(195,153,92)
-
#cc9b53
#cc9b53
rgb(204,155,83)
-
#d49c4b
#d49c4b
rgb(212,156,75)
-
#dd9e42
#dd9e42
rgb(221,158,66)
-
#e59f3a
#e59f3a
rgb(229,159,58)
-
#eea131
#eea131
rgb(238,161,49)
-
#f6a229
#f6a229
rgb(246,162,41)
-
#ffa420
#ffa420
rgb(255,164,32)
Color Blindness Simulator
Below, you can see how #ffa420 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.