Skip to content
RGBHex

orange-50

#FFF7ED

orange-50Tailwind v4.

Formats

Open #FFF7ED in the converter →

Contrast & legibility

Text on white1.06:1 AA ✗
Text on black19.78:1 AA ✓

WCAG 2.2 AA requires 4.5:1 for normal text and 3:1 for large text. Check any pair →

Tints & shades

An 11-stop OKLCH ramp through orange-50 (the same engine as the theme builder). Click any stop to open its page.

Harmonies

Explore all harmonies for #FFF7ED

Color-blindness preview

#faf7ec

Protanopia

#fcf9ed

Deuteranopia

#fff5f4

Tritanopia

#f8f8f8

Achromatopsia

How orange-50 appears to viewers with each color-vision deficiency. Full simulator →

About orange-50

#FFF7ED is orange-50, a tailwind v4. This page shows its rgb(255, 247, 237) / hsl(33.33, 100%, 96.47%) / oklch(0.9796 0.0158 73.68) values, WCAG contrast against black and white, an OKLCH tint-and-shade ramp, and complementary, analogous, and triadic harmonies — all computed in perceptually-uniform OKLCH.