Brilliance

#fdfdfd

Near-white neutral with cool, crisp clarity

Save
Share

About Brilliance

Brilliance is the color you pick when you need white to disappear into the background. It's not trying to announce itself, it's so close to pure white that on first glance you might not realize it's even there. But zoom in on a dark surface and you'll see the difference: it's got just enough warmth baked in that it feels intentional rather than defaulted, without the cream drift of or the softness of in a Blizzard.

You'll find it doing quiet work in product interfaces, SaaS dashboards, and dense data layouts where you need legible secondary text, disabled buttons, or subtle UI elements that shouldn't compete for attention. It works in dark mode body copy, helper text, and anywhere contrast matters but you don't want the user's eye to land on it first. The warmth keeps it from feeling clinical. The lightness keeps it from disappearing entirely.

Pair it with cooler grays in the family and it holds its own. Pair it with warmer ones and it nearly vanishes, which might be exactly what you want.

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.02:1Fail

On Gray 100 #f5f5f5

Aa
1.07:1Fail

On Gray 900 #18181b

Aa
17.42:1AAA

On Black #000000

Aa
20.65: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

#fcfdfc
#fefdfa
#ffffff
#fffbf8
#fefafb
#fffafa
#fcfff9

Create a gradient with Brilliance

Open the generator with this color pre-loaded.

Start creating