#FAF9F6 Color

#FAF9F6 is rgb(250, 249, 246) in RGB, hsl(45, 29%, 97%) in HSL, and about cmyk(0%, 0%, 2%, 2%) in CMYK. The closest CSS named color is Snow (#FFFAFA). Black text is the more readable choice on this background.

#FAF9F6

HEX#FAF9F6

RGBrgb(250, 249, 246)

HSLhsl(45, 29%, 97%)

HSVhsv(45, 2%, 98%)

CMYKcmyk(0%, 0%, 2%, 2%)

OKLCHoklch(98.2% 0.004 91.4)

LABlab(97.94% -0.05 1.57)

LCHlch(97.94% 1.57 91.68)

#FAF9F6 Channel Values

How #FAF9F6 breaks down in each color model. Hue is measured in degrees around the color wheel; saturation, lightness, and the CMYK inks are percentages.

Model	Channels	Notes
RGB	R 250 · G 249 · B 246	8-bit channels as sent to the display
HSL	H 45° · S 29% · L 97%	Easiest model for building lighter and darker variants
HSV	H 45° · S 2% · V 98%	Matches the picker in most design tools
CMYK	C 0% · M 0% · Y 2% · K 2%	Approximate ink mix; confirm with an ICC profile before printing
Luminance	1.05:1 vs white · 19.95:1 vs black	WCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #FAF9F6 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Contrast is one check, not a full accessibility review.

TextWhite text1.05:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text19.95:1AA normal ✓AA large ✓AAA normal ✓

Need a specific ratio against another background? Open #FAF9F6 in the contrast checker.

Colors That Go With #FAF9F6

Pairings derived from color-wheel relationships. The complementary color sits opposite #FAF9F6; analogous colors sit beside it; triadic and split-complementary sets spread evenly around the wheel. Select any swatch for its own breakdown.

Base

Complementary

Analogous

Analogous

Triadic

Triadic

Split comp.

Split comp.

Tints & Shades of #FAF9F6

Lighter tints and darker shades built by moving the lightness channel while holding hue and saturation, which is what you want for hover states, backgrounds, and text variants.

Tints

#FAF8F5

#FBFBF8

Shades

Want a full 50-950 ramp with semantic roles? Generate design tokens from #FAF9F6.

How #FAF9F6 Looks with Color Vision Deficiency

Simulated with the Viénot, Brettel & Mollon LMS projection model. Anomalous types are rendered as partial versions of the matching dichromacy, which is an approximation rather than a per-person clinical model.

Typical#FAF9F6

Protanopia#F9F9F6

Protanomaly#FAF9F6

Deuteranopia#F9F9F6

Deuteranomaly#FAF9F6

Tritanopia#FAF9F9

Tritanomaly#FAF9F8

Achromatopsia#F9F9F9

Test a full palette in the color blindness simulator.

Using #FAF9F6 in Code

Copy-ready declarations for the places this color usually ends up.

CSS custom property--color-faf9f6: #FAF9F6;

CSS backgroundbackground-color: #FAF9F6;

Tailwind configcolors: { 'color-faf9f6': '#FAF9F6' }

SwiftUIColor(red: 0.980, green: 0.976, blue: 0.965)

Android XML<color name="color_faf9f6">#FAF9F6</color>

SVG fillfill="#FAF9F6"

#FAF9F6 Frequently Asked Questions

What is the RGB value of #FAF9F6?

#FAF9F6 is rgb(250, 249, 246) — red 250, green 249, and blue 246 on the 0-255 scale.

What is the CMYK value of #FAF9F6?

#FAF9F6 converts to approximately cmyk(0%, 0%, 2%, 2%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #FAF9F6 be black or white?

Black text is the more readable choice. #FAF9F6 scores 1.05:1 against white and 19.95:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Does #FAF9F6 have a color name?

#FAF9F6 is not one of the 140 CSS named colors. The closest named color is Snow (#FFFAFA), at a CIE76 distance of 2.1, so the two are very hard to tell apart.

Open #FAF9F6 in a Tool

Hex to RGB Hex to HSL Hex to CMYK Hex to OKLCH Hex to Pantone Build a palette Make a gradient

#FAF9F6 sits in the yellow family — browse every shade of yellow with hex codes, or return to the full color library.