lightgrey

#D3D3D3

CSS color

Light Gray (#D3D3D3) is a pale, cool-neutral gray CSS named color sitting near the lighter end of the gray scale. It is one of the most frequently used CSS colors in web design, serving as a standard background tone for cards, disabled states, input fields, and subtle visual hierarchy elements. Its widespread use in UI frameworks makes it one of the most recognized design system colors.

색상 값

HEX

#D3D3D3

RGB

211, 211, 211

HSL

0.0, 0.0%, 82.7%

HSV

0.0, 0.0%, 82.7%

CMYK

0.0%, 0.0%, 0.0%, 17.3%

OKLCH

0.8669 0.0 89.9

속성

색채 심리학

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

색상 조화

색각 이상 시뮬레이션

CSS 사용법

background-color: #D3D3D3;
color: #D3D3D3;
border-color: #D3D3D3;
가장 가까운 Tailwind: Neutral 300 #D4D4D4

Tailwind 쉐이드

대비 검사기

흰색 배경 텍스트

1.5:1

AA Fail AAA Fail

검정 배경 텍스트

14.03:1

AA Pass AAA Pass

비교하기

자주 묻는 질문

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

RGB(211, 211, 211) · HSL(0.0, 0.0%, 82.7%) · CMYK(0.0%, 0.0%, 0.0%, 17.3%)

Does #D3D3D3 meet WCAG contrast on white?

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

What text color is readable on #D3D3D3?

Use 000000 text on a #D3D3D3 background; contrast on black is 14.03:1.