neutralneutral

Off White #FAF9F6

A very light warm white, slightly softer than pure white. Reduces harsh contrast on large surfaces.

Use cases: Editorial backgrounds · Interiors

Open in generator →Colors that go with Off White →

Families: Tans · Cream Colors

Color values

FormatValue
HEX#FAF9F6
RGBrgb(250, 249, 246)
HSLhsl(45, 29%, 97%)
HSVhsv(45, 2%, 98%)
OKLCHoklch(98.21% 0.004 91.4)
OKLaboklab(98.21% -0.0001 0.0041)
CMYKcmyk(0%, 0.4%, 1.6%, 2%)
XYZxyz(89.9319, 94.7293, 100.7177)
CIE-LABlab(97.9, -0.2, 1.6)
CIE-LCHlch(97.9, 1.6, 97.0°)
Luminance0.947 (WCAG relative)
/* Off White */ --off-white: #faf9f6; color: #faf9f6; background-color: #faf9f6;

Source: Tintiva editorial record

Collections: Cream Colors · Off White Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#deddda #c3c2bf #a8a7a5 #8e8d8c #757473 #5d5c5b #454544 #302f2f #1b1b1b #000000

Tints (toward white)

#fbfaf7 #fbfaf8 #fcfbf9 #fcfbfa #fdfcfa #fdfdfb #fefdfc #fefefd #fffefe #ffffff

Tones (toward gray)

#faf9f6 #faf9f7 #faf9f7 #faf9f7 #faf9f7 #f9f9f8 #f9f9f8 #f9f9f8 #f9f9f9 #f9f9f9

Color harmonies

Complementary

Edit in generator →
#FAF9F6
#F6F7FA
#faf9f6 #f6f7fa

Analogous

Edit in generator →
#FAF7F6
#FAF9F6
#F9FAF6
#faf7f6 #faf9f6 #f9faf6

Triadic

Edit in generator →
#FAF9F6
#F6FAF9
#F9F6FA
#faf9f6 #f6faf9 #f9f6fa

Tetradic

Edit in generator →
#FAF9F6
#F6FAF7
#F6F7FA
#FAF6F9
#faf9f6 #f6faf7 #f6f7fa #faf6f9

Square

Edit in generator →
#FAF9F6
#F6FAF7
#F6F7FA
#FAF6F9
#faf9f6 #f6faf7 #f6f7fa #faf6f9

Split Complementary

Edit in generator →
#FAF9F6
#F6F9FA
#F7F6FA
#faf9f6 #f6f9fa #f7f6fa

Monochromatic

Edit in generator →
#CEC5A7
#E4DFCF
#F4F2EB
#F4F2EB
#F4F2EB
#cec5a7 #e4dfcf #f4f2eb #f4f2eb #f4f2eb

Accessibility & contrast

1.05
#FAF9F6 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
19.95
#FAF9F6 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on Off White

19.95
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#FAF9F6
Deuteranopia (green-blind)
#FAF9F6
Tritanopia (blue-blind)
#FBF8F8

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Whitesmoke #F5F5F51.73
White #FFFFFF1.94
Pale Grey #FDFDFE2.21
Snow #FFFAFA2.89
Floralwhite #FFFAF03.33
Seashell #FFF5EE4.15

Palettes with Off White

Colors that go with Off White

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Espresso #4B382A
10.5:1
Analogous hue (Δh ≈20°) — neighbors on the color wheel
Burgundy #800020
10.3:1
Warm/cool bridge (Δh 60°) — adds depth without tension
8.5:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Charcoal #36454F
9.4:1
Split-complementary angle (Δh ≈159°) — strong but softer than direct complement
Navy Blue #1B2A4A
13.5:1
Complementary hue (Δh ≈176°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.

Off White Color — #FAF9F6 — Tintiva