White

#ffffff

Cleanest white, cool-toned, balances gray layouts

Save
Share

About White

White is the one you reach for when everything else feels like noise. It's not neutral, it's aggressive in its clarity. Against a dark interface, it cuts. Against gray, it breathes. You'll notice it first in the corner of the screen, the label that demands to be read, the button that says *do this now*.

You see it everywhere there's information that can't afford to be missed: dashboards and financial software, medical interfaces, dense data tables where contrast keeps the user from getting lost. It's the default text color in dark mode because it works harder than it looks. Logotype on a black background? White does the job so well you forget you're looking at a design decision at all.

Pair it with this gray family and you've got a system. White speaks; gray whispers context underneath. The catch: pure white can feel sterile if you're not careful. Sometimes a softer white works better, less digital, less cold. But that's not this one.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.00:1Fail

On Gray 100 #f5f5f5

Aa
1.09:1Fail

On Gray 900 #18181b

Aa
17.72:1AAA

On Black #000000

Aa
21.00:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#fdfdfd
#fcfdfc
#fefdfa
#fcfff9
#fffbf8
#fffafa
#fefafb

Create a gradient with White

Open the generator with this color pre-loaded.

Start creating