#fff7ed color: Fatback
#fff7ed is rgb(255, 247, 237) in RGB and oklch(97.962% 0.01577 73.684) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- White
- Very light
- Muted
- Neutral
- ≈ Off-white
- orange-50
- Black 0%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Recent
Colors you stop on or copy appear here. They stay on this device.
About #fff7ed
#fff7ed is a white color. In OKLCH it has 98% lightness, 0.016 chroma and a hue of 74°.
Inside sRGB: displays the same on any screen.
White text on it reaches 1.06:1 contrast and black text 19.78:1, so black text reads better.
The closest named color is Fatback (#fff7ed). In Tailwind CSS the closest color is orange-50.
Lighter: #fff7ed mixed with white
Darker: #fff7ed mixed with black
Calmer: #fff7ed with less saturation
Similar named colors
Colors that go with #fff7ed
Questions about #fff7ed
What color is #fff7ed?
#fff7ed is white. The closest named color is Fatback. In RGB it is rgb(255, 247, 237), in HSL hsl(33.33, 100%, 96.47%) and in OKLCH oklch(97.962% 0.01577 73.684).
What colors go well with #fff7ed?
The complementary color of #fff7ed is #f1f9ff. For a calmer combination use the analogous colors #fff5f0 and #faf9ed. The triadic partners are #edfcfb and #fcf5ff.
Is white or black text more readable on #fff7ed?
Black text reads better on #fff7ed: white gives a contrast ratio of 1.06:1 and black gives 19.78:1. WCAG AA asks for at least 4.5:1 for body text.
Is #fff7ed a warm or cool color?
#fff7ed is a neutral color. In OKLCH its hue is 74 degrees, its lightness 98% and its chroma 0.016.