Skip to content

White and Off-White Color Codes with HEX and RGB

Shades of white, ivory, cream and off-white with HEX, RGB and HSL codes: named CSS whites, framework shades and web-safe whites.

Named white colors (CSS)

Whites in Tailwind CSS and Bootstrap

Web-safe white colors

White color combinations

Five-color schemes built from #F8FAFC with color-wheel rules. Click a color to copy it, or open the scheme in the palette generator.

Monochromatic Edit
Complementary Edit
Analogous Edit
Triadic Edit
Soft & muted Edit
High contrast Edit

Not every white is pure #FFFFFF. Off-whites such as ivory, snow, linen and very light grays make backgrounds softer and help cards and sections stand apart.

Using white in web design

  • Alternate pure white and an off-white (for example #F8FAFC) to separate page sections without borders.
  • Warm whites (ivory, cream) suit editorial and lifestyle sites; cool whites suit tech products.
  • On dark backgrounds, slightly dimmed white text (around #E5E7EB) is easier on the eyes than pure white.

About this page

The colors above are grouped automatically by hue, saturation and lightness. Click any swatch to copy its HEX code, or open Details to convert it to RGB, HSL, HSV and CMYK in the color picker. To build a full scale from one of these colors, use the tints & shades generator, and check text colors with the contrast checker.