Color Charts
RGB
CMYK
RYB
#fff8f1 Hex Color CodeThe hexadecimal color code #fff8f1 is a very light shade of orange. In the RGB color model #fff8f1 is comprised of 100% red, 97.25% green and 94.51% blue. In the HSL color space #fff8f1 has a hue of 30 degrees, 100% saturation and 97.25% lightness. This color has an approximate wavelength of 601 nm.
#fff8f1 Color InformationInverted
#00070e 25% Saturated
#fff8f1 Grayscale
#f8f8f8
25% Lighter
#ffffff Original
#fff8f1 25% Darker
#ffba74
seashell
#fff5ee 25% Desaturated
#fdf8f2 Web Safe: white
#ffffff
rgb(255, 248, 241)
rgba(255, 248, 241, 1.0)
red: 100%, yellow: 100%, blue: 94.5098%
#fff8f1
16775409
-1807 / 0xfffff8f1
hsl(30, 100%, 97%)
hsla(30, 100%, 97%, 1.0)
hue: 30 (30), saturation: 5 (5.4902), value: 100 (100)
X: 90.6846, Y: 94.7457, Z: 96.7272
x: 0.3214, y: 0.3358, Y: 94.7457
L: 97.9317, a: 1.1455, b: 4.1722
L: 97.9317, u: 4.3949, v: 6.1781
L: 97.9317, C: 4.3266, H: 74.6468
L: 97.3374, a: -4.0405, b: 9.2178
cyan: 0 (0), magenta: 3 (0.0275), yellow: 5 (0.0549), key: 0 (0)
cyan: 0 (0), magenta: 3 (0.0275), yellow: 5 (0.0549)
Y: 249.295, I: 6.4189, Q: -0.6978
Y: 249.295, U: -4.0794, V: 5.0051
Y: 249.295, Db: -12.481, Dr: -10.85
Y: 230.145, Cb: 123.891, Cr: 131.57
Y: 248.987, Pb: -4.305, Pr: 3.822
5Y 10/2 (approximate)
#fff8f1 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#fff8f1 to White#fff8f1 to Black#fff8f1 foreground
<p style="color: #fff8f1; background-color: #000">#fff8f1 foreground</p>
#fff8f1 background
<p style="background-color: #fff8f1">#fff8f1 background</p>
#fff8f1 border
<p style="border: #fff8f1 3px solid">#fff8f1 border</p>
#fff8f1 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #fff8f1, #fff); background: -webkit-radial-gradient(50% 50%, #fff8f1, #fff); background: -o-radial-gradient(50% 50%, #fff8f1, #fff); background: -ms-radial-gradient(50% 50%, #fff8f1, #fff); background: radial-gradient(50% 50%, #fff8f1, #fff)">#fff8f1 radial gradient</p>
#fff8f1 linear gradient to complementary #f1f8ff
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #fff8f1, #f1f8ff); background: -webkit-linear-gradient(top, #fff8f1, #f1f8ff); background: -o-linear-gradient(top, #fff8f1, #f1f8ff); background: -ms-linear-gradient(top, #fff8f1, #f1f8ff); background: linear-gradient(top, #fff8f1, #f1f8ff); color: #000">#fff8f1 linear gradient to complementary #f1f8ff</p>
#fff8f1 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #fff8f1">#fff8f1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #fff8f1 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 #fff8f1.
Jump to paint brand: