Skip to the color picker

#f1f7f2 color: Heavy Sugar

#f1f7f2 is rgb(241, 247, 242) in RGB and oklch(97.023% 0.00914 150.692) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

130°
100%

97%
0.009
151°
  • White
  • Very light
  • Muted
  • Neutral
  • ≈ Off-white
  • olive-100
  • Black 3%

Inside sRGB: displays the same on any screen.

White text
1.09:1Hard to read
Lc 0
Black text
19.33:1Readable · AA
Lc 100

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 #f1f7f2

#f1f7f2 is a white color. In OKLCH it has 97% lightness, 0.009 chroma and a hue of 151°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.09:1 contrast and black text 19.33:1, so black text reads better.

The closest named color is Heavy Sugar (#eff5f1). In Tailwind CSS the closest color is olive-100.

More very light white colors

Lighter: #f1f7f2 mixed with white

Darker: #f1f7f2 mixed with black

Calmer: #f1f7f2 with less saturation

  1. f5f5f5

Similar named colors

  • Classic Chalk#f4f4f0

Colors that go with #f1f7f2

Complementary
Analogous
Triadic
Split

Questions about #f1f7f2

What color is #f1f7f2?

#f1f7f2 is white. The closest named color is Heavy Sugar. In RGB it is rgb(241, 247, 242), in HSL hsl(130, 27.27%, 95.69%) and in OKLCH oklch(97.023% 0.00914 150.692).

What colors go well with #f1f7f2?

The complementary color of #f1f7f2 is #f9f3f8. For a calmer combination use the analogous colors #f4f6ef and #eff7f5. The triadic partners are #f3f5fc and #fbf3f1.

Is white or black text more readable on #f1f7f2?

Black text reads better on #f1f7f2: white gives a contrast ratio of 1.09:1 and black gives 19.33:1. WCAG AA asks for at least 4.5:1 for body text.

Is #f1f7f2 a warm or cool color?

#f1f7f2 is a neutral color. In OKLCH its hue is 151 degrees, its lightness 97% and its chroma 0.009.