Skip to the color picker

#f1f3f3 color: Zappy Zebra

#f1f3f3 is rgb(241, 243, 243) in RGB and oklch(96.263% 0.00214 197.122) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

180°
100%

96.3%
0.002
197°
  • White
  • Very light
  • Muted
  • Neutral
  • ≈ Off-white
  • mist-100
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.11:1Hard to read
Lc 0
Black text
18.85:1Readable · AA
Lc 99

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

#f1f3f3 is a white color. In OKLCH it has 96.3% lightness, 0.002 chroma and a hue of 197°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.11:1 contrast and black text 18.85:1, so black text reads better.

The closest named color is Zappy Zebra (#f1f3f3). In Tailwind CSS the closest color is mist-100.

More very light white colors

Lighter: #f1f3f3 mixed with white

  1. f1f3f3

Darker: #f1f3f3 mixed with black

  1. f1f3f3

Calmer: #f1f3f3 with less saturation

  1. f1f3f3
  2. f1f3f3
  3. f1f3f3
  4. f1f3f3

Similar named colors

  • Zappy Zebra#f1f3f3

Colors that go with #f1f3f3

Complementary
#f1f3f3
Analogous
#f1f3f3
Triadic
#f1f3f3
Split
#f1f3f3

Questions about #f1f3f3

What color is #f1f3f3?

#f1f3f3 is white. The closest named color is Zappy Zebra. In RGB it is rgb(241, 243, 243), in HSL hsl(180, 7.69%, 94.9%) and in OKLCH oklch(96.263% 0.00214 197.122).

What colors go well with #f1f3f3?

The complementary color of #f1f3f3 is #f4f2f2. For a calmer combination use the analogous colors #f1f3f2 and #f1f3f4. The triadic partners are #f3f2f3 and #f3f2f1.

Is white or black text more readable on #f1f3f3?

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

Is #f1f3f3 a warm or cool color?

#f1f3f3 is a neutral color. In OKLCH its hue is 197 degrees, its lightness 96.3% and its chroma 0.002.