Color Charts
RGB
CMYK
RYB
#f5e85c Hex Color CodeThe hexadecimal color code #f5e85c is a medium light shade of yellow. In the RGB color model #f5e85c is comprised of 96.08% red, 90.98% green and 36.08% blue. In the HSL color space #f5e85c has a hue of 54.9 degrees, 88.44% saturation and 66.08% lightness. This color has an approximate wavelength of 585 nm. Pantone / PMS 106 is a matching paint color.
#f5e85c Color InformationInverted
#0a17a3 25% Saturated
#fef052 Grayscale
#a8a8a8
rgb(245, 232, 92)
rgba(245, 232, 92, 1.0)
red: 41.6499%, yellow: 96.0784%, blue: 36.0784%
#f5e85c
16115804
-661412 / 0xfff5e85c
hsl(55, 88%, 66%)
hsla(55, 88%, 66%, 1.0)
hue: 55 (54.902), saturation: 62 (62.449), value: 96 (96.0784)
X: 68.4446, Y: 77.8984, Z: 21.5537
x: 0.4077, y: 0.464, Y: 77.8984
L: 90.7335, a: -11.8944, b: 67.463
L: 90.7335, u: 14.7476, v: 82.9272
L: 90.7335, C: 68.5036, H: 99.9991
L: 88.2601, a: -16.0306, b: 47.303
cyan: 0 (0), magenta: 5 (0.0531), yellow: 62 (0.6245), key: 4 (0.0392)
cyan: 4 (0.0392), magenta: 9 (0.0902), yellow: 64 (0.6392)
Y: 219.927, I: 52.7211, Q: -40.81
Y: 219.927, U: -62.9504, V: 21.9964
Y: 219.927, Db: -192.47, Dr: -47.709
Y: 204.909, Cb: 64.616, Cr: 143.647
Y: 224.689, Pb: -71.495, Pr: 12.94
10Y 9/10 approximate; exact match: Munsell 10Y 9/10 / #f6e853
#f5e85c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#f5e85c to White#f5e85c to Black#f5e85c foreground
<p style="color: #f5e85c; background-color: #000">#f5e85c foreground</p>
#f5e85c background
<p style="background-color: #f5e85c">#f5e85c background</p>
#f5e85c border
<p style="border: #f5e85c 3px solid">#f5e85c border</p>
#f5e85c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f5e85c, #fff); background: -webkit-radial-gradient(50% 50%, #f5e85c, #fff); background: -o-radial-gradient(50% 50%, #f5e85c, #fff); background: -ms-radial-gradient(50% 50%, #f5e85c, #fff); background: radial-gradient(50% 50%, #f5e85c, #fff)">#f5e85c radial gradient</p>
#f5e85c linear gradient to complementary #5b68f5
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f5e85c, #5b68f5); background: -webkit-linear-gradient(top, #f5e85c, #5b68f5); background: -o-linear-gradient(top, #f5e85c, #5b68f5); background: -ms-linear-gradient(top, #f5e85c, #5b68f5); background: linear-gradient(top, #f5e85c, #5b68f5); color: #000">#f5e85c linear gradient to complementary #5b68f5</p>
#f5e85c text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f5e85c">#f5e85c text shadow</p>
The matching paint colors are listed in order of relevancy to the #f5e85c 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 #f5e85c.
Jump to paint brand: