Color Charts
RGB
CMYK
RYB
#f8b878 Hex Color CodeThe color Mellow apricot with hexadecimal color code #f8b878 is a medium light shade of orange. In the RGB color model #f8b878 is comprised of 97.25% red, 72.16% green and 47.06% blue. In the HSL color space #f8b878 has a hue of 30 degrees, 90.14% saturation and 72.16% lightness. This color has an approximate wavelength of 601 nm. BS 4800 06 E 50 - Mellow apricot / Apricot is a matching paint color.
#f8b878 Color InformationInverted
#074787 25% Saturated
#ffb871 Grayscale
#b8b8b8
25% Lighter
#fce5cf Original
#f8b878 25% Darker
#f38a20
sandybrown
#f4a460 25% Desaturated
#e8b887 Web Safe: yellow
#ffff00
rgb(248, 184, 120)
rgba(248, 184, 120, 1.0)
red: 97.2549%, yellow: 97.2549%, blue: 47.0588%
#f8b878
16300152
-477064 / 0xfff8b878
hsl(30, 90%, 72%)
hsla(30, 90%, 72%, 1.0)
hue: 30 (30), saturation: 52 (51.6129), value: 97 (97.2549)
X: 59.2421, Y: 55.5935, Z: 25.3775
x: 0.4225, y: 0.3965, Y: 55.5935
L: 79.3819, a: 15.9753, b: 41.37
L: 79.3819, u: 48.1303, v: 49.3943
L: 79.3819, C: 44.3474, H: 68.8855
L: 74.5611, a: 11.3443, b: 32.0129
cyan: 0 (0), magenta: 26 (0.2581), yellow: 52 (0.5161), key: 3 (0.0275)
cyan: 3 (0.0275), magenta: 28 (0.2784), yellow: 53 (0.5294)
Y: 195.84, I: 58.6867, Q: -6.3795
Y: 195.84, U: -37.3185, V: 45.7606
Y: 195.84, Db: -114.112, Dr: -99.2
Y: 184.232, Cb: 90.432, Cr: 160.64
Y: 193.024, Pb: -39.36, Pr: 34.944
7.5YR 8/8 (approximate)
#f8b878 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#f8b878 to White#f8b878 to Black#f8b878 foreground
<p style="color: #f8b878; background-color: #000">#f8b878 foreground</p>
#f8b878 background
<p style="background-color: #f8b878">#f8b878 background</p>
#f8b878 border
<p style="border: #f8b878 3px solid">#f8b878 border</p>
#f8b878 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f8b878, #fff); background: -webkit-radial-gradient(50% 50%, #f8b878, #fff); background: -o-radial-gradient(50% 50%, #f8b878, #fff); background: -ms-radial-gradient(50% 50%, #f8b878, #fff); background: radial-gradient(50% 50%, #f8b878, #fff)">#f8b878 radial gradient</p>
#f8b878 linear gradient to complementary #77b7f8
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f8b878, #77b7f8); background: -webkit-linear-gradient(top, #f8b878, #77b7f8); background: -o-linear-gradient(top, #f8b878, #77b7f8); background: -ms-linear-gradient(top, #f8b878, #77b7f8); background: linear-gradient(top, #f8b878, #77b7f8); color: #000">#f8b878 linear gradient to complementary #77b7f8</p>
#f8b878 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f8b878">#f8b878 text shadow</p>
The matching paint colors are listed in order of relevancy to the #f8b878 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 #f8b878.
Jump to paint brand: