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.

색상 값

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

속성

색채 심리학

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.

색상 조화

색각 이상 시뮬레이션

CSS 사용법

background-color: #F5F5F5;
color: #F5F5F5;
border-color: #F5F5F5;
가장 가까운 Tailwind: Neutral 100 #F5F5F5

Tailwind 쉐이드

대비 검사기

흰색 배경 텍스트

1.09:1

AA Fail AAA Fail

검정 배경 텍스트

19.26:1

AA Pass AAA Pass

비교하기

포함된 컬렉션

관련 글

자주 묻는 질문

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 실패, AAA 실패 for normal text.

What text color is readable on #F5F5F5?

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