whitesmoke

#F5F5F5

CSS color

Whitesmoke (#F5F5F5) is a very light, clean neutral grey CSS named colour, barely distinguishable from white but with just enough grey to prevent the harshness of pure white on bright screens. One of the most widely used CSS near-whites for page backgrounds, it provides a clean, eye-comfortable alternative to #FFFFFF that reduces contrast fatigue in long-form text and UI design. The name suggests the translucent quality of white smoke — present but barely perceptible.

Color Values

HEX

#F5F5F5

RGB

245, 245, 245

HSL

0.0, 0.0%, 96.1%

HSV

0.0, 0.0%, 96.1%

CMYK

0.0%, 0.0%, 0.0%, 3.9%

OKLCH

0.9702 0.0 89.9

Properties

Color Psychology

Near-whites and off-whites radiate purity, simplicity, and spacious clarity. They feel open and unbounded, associated with cleanliness, fresh starts, and minimalism. These tones create a sense of potential and possibility, inviting focus on content.

Design Usage

Off-whites are preferred over pure white for page backgrounds to reduce glare. They feel warmer while maintaining a clean, bright aesthetic. Use for primary backgrounds and content areas where visual breathing room is needed.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #F5F5F5;
color: #F5F5F5;
border-color: #F5F5F5;
Nearest Tailwind: Neutral 100 #F5F5F5

Tailwind Shades

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.26:1

AA Pass AAA Pass

Compare With

Part of These Collections

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #F5F5F5?

RGB(245, 245, 245) · HSL(0.0, 0.0%, 96.1%) · CMYK(0.0%, 0.0%, 0.0%, 3.9%)

Does #F5F5F5 meet WCAG contrast on white?

1.09:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #F5F5F5?

Use 000000 text on a #F5F5F5 background; contrast on black is 19.26:1.