#fad63f
Hex Color CodeThe hexadecimal color code #fad63f
is a medium light shade of yellow. In the RGB color model #fad63f
is comprised of 98.04% red, 83.92% green and 24.71% blue. In the HSL color space #fad63f
has a hue of 48.45 degrees, 94.92% saturation and 61.37% lightness. This color has an approximate wavelength of 589 nm. Dulux 54YY 69/747 is a matching paint color.
#fad63f
Color InformationInverted
#0529c0 25% Saturated
#ffd93a Grayscale
#9c9c9c
rgb(250, 214, 63)
rgba(250, 214, 63, 1.0)
red: 42.1893%, yellow: 98.0392%, blue: 24.7059%
#fad63f
16438847
-338369 / 0xfffad63f
hsl(48, 95%, 61%)
hsla(48, 95%, 61%, 1.0)
hue: 48 (48.4492), saturation: 75 (74.8), value: 98 (98.0392)
X: 64.3681, Y: 68.776, Z: 14.5852
x: 0.4357, y: 0.4656, Y: 68.776
L: 86.393, a: -2.2653, b: 74.2071
L: 86.393, u: 31.5145, v: 83.9465
L: 86.393, C: 74.2417, H: 91.7485
L: 82.9313, a: -6.5849, b: 47.6246
cyan: 0 (0), magenta: 14 (0.144), yellow: 75 (0.748), key: 2 (0.0196)
cyan: 2 (0.0196), magenta: 16 (0.1608), yellow: 75 (0.7529)
Y: 207.55, I: 69.9565, Q: -39.369
Y: 207.55, U: -71.1305, V: 37.2415
Y: 207.55, Db: -217.483, Dr: -80.755
Y: 194.28, Cb: 56.383, Cr: 154.525
Y: 210.796, Pb: -79.64, Pr: 24.946
5Y 9/10 (approximate)
#fad63f
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#fad63f
to White#fad63f
to Black#fad63f
foreground
<p style="color: #fad63f; background-color: #000">#fad63f foreground</p>
#fad63f
background
<p style="background-color: #fad63f">#fad63f background</p>
#fad63f
border
<p style="border: #fad63f 3px solid">#fad63f border</p>
#fad63f
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #fad63f, #fff); background: -webkit-radial-gradient(50% 50%, #fad63f, #fff); background: -o-radial-gradient(50% 50%, #fad63f, #fff); background: -ms-radial-gradient(50% 50%, #fad63f, #fff); background: radial-gradient(50% 50%, #fad63f, #fff)">#fad63f radial gradient</p>
#fad63f
linear gradient to complementary #3f62fa
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #fad63f, #3f62fa); background: -webkit-linear-gradient(top, #fad63f, #3f62fa); background: -o-linear-gradient(top, #fad63f, #3f62fa); background: -ms-linear-gradient(top, #fad63f, #3f62fa); background: linear-gradient(top, #fad63f, #3f62fa); color: #000">
#fad63f
linear gradient to complementary #3f62fa
</p>
#fad63f
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #fad63f">#fad63f text shadow</p>
The matching paint colors are listed in order of relevancy to the #fad63f
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #fad63f
.
Jump to paint brand: