#faa30f Color Information
In a RGB color space, hex #faa30f is composed of 98% red, 63.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 94% yellow and 2% black. It has a hue angle of 37.8 degrees, a saturation of 95.9% and a lightness of 52%. #faa30f color hex could be obtained by blending #ffff1e with #f54700. Closest websafe color is: #ff9900.
-
- R 98
- G 64
- B 6
-
- C 0
- M 35
- Y 94
- K 2
● #faa30f color description : Vivid orange.
#faa30f Color Conversion
The hexadecimal color #faa30f has RGB values of R:250, G:163, B:15 and CMYK values of C:0, M:0.35, Y:0.94, K:0.02. Its decimal value is 16425743.
Hex triplet | faa30f | #faa30f |
---|---|---|
RGB Decimal | 250, 163, 15 | rgb(250,163,15) |
RGB Percent | 98, 63.9, 5.9 | rgb(98%,63.9%,5.9%) |
CMYK | 0, 35, 94, 2 | |
HSL | 37.8°, 95.9, 52 | hsl(37.8,95.9%,52%) |
HSV (or HSB) | 37.8°, 94, 98 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.905, 23.007, 76.178 |
---|---|
XYZ | 52.609, 46.557, 6.668 |
xyY | 0.497, 0.44, 46.557 |
CIE-LCH | 73.905, 79.576, 73.195 |
CIE-LUV | 73.905, 72.167, 72.205 |
Hunter-Lab | 68.232, 18.222, 41.969 |
Binary | 11111010, 10100011, 00001111 |
Color Schemes with #faa30f
Alternatives to #faa30f
Below, you can see some colors close to #faa30f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faa30f Preview
This text has a font color of #faa30f.
<span style="color:#faa30f;">Text here</span>
This paragraph has a background color of #faa30f.
<p style="background-color:#faa30f;">Content here</p>
This element has a border color of #faa30f.
<div style="border:1px solid #faa30f;">Content here</div>
.text {color:#faa30f;}
.background {background-color:#faa30f;}
.border {border:1px solid #faa30f;}
Shades and Tints of #faa30f
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, #0a0600 is the darkest color, while #fffbf6 is the lightest one.
-
#0a0600
#0a0600
rgb(10,6,0)
-
#1d1201
#1d1201
rgb(29,18,1)
-
#301f01
#301f01
rgb(48,31,1)
-
#432b01
#432b01
rgb(67,43,1)
-
#573702
#573702
rgb(87,55,2)
-
#6a4302
#6a4302
rgb(106,67,2)
-
#7d5003
#7d5003
rgb(125,80,3)
-
#905c03
#905c03
rgb(144,92,3)
-
#a46803
#a46803
rgb(164,104,3)
-
#b77404
#b77404
rgb(183,116,4)
-
#ca8104
#ca8104
rgb(202,129,4)
-
#dd8d05
#dd8d05
rgb(221,141,5)
-
#f09905
#f09905
rgb(240,153,5)
-
#faa30f
#faa30f
rgb(250,163,15)
-
#faaa22
#faaa22
rgb(250,170,34)
-
#fbb235
#fbb235
rgb(251,178,53)
-
#fbb949
#fbb949
rgb(251,185,73)
-
#fcc05c
#fcc05c
rgb(252,192,92)
-
#fcc86f
#fcc86f
rgb(252,200,111)
-
#fccf82
#fccf82
rgb(252,207,130)
-
#fdd796
#fdd796
rgb(253,215,150)
-
#fddea9
#fddea9
rgb(253,222,169)
-
#fee5bc
#fee5bc
rgb(254,229,188)
-
#feedcf
#feedcf
rgb(254,237,207)
-
#fef4e2
#fef4e2
rgb(254,244,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #faa30f
A tone is produced by adding gray to any pure hue. In this case, #898680 is the less saturated color, while #faa30f is the most saturated one.
-
#898680
#898680
rgb(137,134,128)
-
#928877
#928877
rgb(146,136,119)
-
#9c8b6d
#9c8b6d
rgb(156,139,109)
-
#a58d64
#a58d64
rgb(165,141,100)
-
#af8f5a
#af8f5a
rgb(175,143,90)
-
#b89251
#b89251
rgb(184,146,81)
-
#c19448
#c19448
rgb(193,148,72)
-
#cb973e
#cb973e
rgb(203,151,62)
-
#d49935
#d49935
rgb(212,153,53)
-
#de9c2b
#de9c2b
rgb(222,156,43)
-
#e79e22
#e79e22
rgb(231,158,34)
-
#f1a118
#f1a118
rgb(241,161,24)
-
#faa30f
#faa30f
rgb(250,163,15)
Color Blindness Simulator
Below, you can see how #faa30f 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.