#F4F4F5

#F4F4F5

색상 값

HEX

#F4F4F5

RGB

244, 244, 245

HSL

240.0, 4.8%, 95.9%

HSV

240.0, 0.4%, 96.1%

CMYK

0.4%, 0.4%, 0.0%, 3.9%

OKLCH

0.9674 0.0013 286.4

속성

색채 심리학

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: #F4F4F5;
color: #F4F4F5;
border-color: #F4F4F5;
가장 가까운 Tailwind: Zinc 100 #F4F4F5

Tailwind 쉐이드

대비 검사기

흰색 배경 텍스트

1.1:1

AA Fail AAA Fail

검정 배경 텍스트

19.11:1

AA Pass AAA Pass

비교하기

포함된 컬렉션

관련 글

자주 묻는 질문

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

RGB(244, 244, 245) · HSL(240.0, 4.8%, 95.9%) · CMYK(0.4%, 0.4%, 0.0%, 3.9%)

Does #F4F4F5 meet WCAG contrast on white?

1.1:1 — WCAG AA 실패, AAA 실패 for normal text.

What text color is readable on #F4F4F5?

Use 000000 text on a #F4F4F5 background; contrast on black is 19.11:1.