#DFDFE2

#DFDFE2

カラー値

HEX

#DFDFE2

RGB

223, 223, 226

HSL

240.0, 4.9%, 88.0%

HSV

240.0, 1.3%, 88.6%

CMYK

1.3%, 1.3%, 0.0%, 11.4%

OKLCH

0.9045 0.004 286.3

プロパティ

寒色 明るい 最も近い： gainsboro

色彩心理学

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.

カラーハーモニー

補色

#DFDFE2

#E2E2DF

類似色

#DFE0E2

#E0DFE2

#DFDFE2

トライアド

#DFDFE2

#E2DFDF

#DFE2DF

スプリット補色

#DFDFE2

#E2E0DF

#E0E2DF

テトラード

#DFDFE2

#E2DFE0

#E2E2DF

#DFE2E0

色覚異常シミュレーション

オリジナル

#DFDFE2

第1色覚異常

#DFDFE1

第2色覚異常

#DFDFE1

第3色覚異常

#DFE1E1

全色盲

#DFDFDF

CSS使用法

background-color: #DFDFE2;
color: #DFDFE2;
border-color: #DFDFE2;
最も近いTailwind： Zinc 200 #E4E4E7

Tailwindシェード

50
#F7F7F8
100
#ECECEE
200
#DADADD
300
#BFBFC5
400
#9C9CA5
500
#797986
600
#61616B
700
#4E4E56
800
#3D3D43
900
#2E2E33
950
#1D1D20

コントラストチェッカー

白背景のテキスト

1.33:1

AA Fail AAA Fail

黒背景のテキスト

15.79:1

AA Pass AAA Pass

比較する

#DFDFE2
#E2E2DF
#DFDFE2
#FFFFFF
#000000
#DFDFE2

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

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

RGB(223, 223, 226) · HSL(240.0, 4.9%, 88.0%) · CMYK(1.3%, 1.3%, 0.0%, 11.4%)

Does #DFDFE2 meet WCAG contrast on white?

1.33:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #DFDFE2?

Use 000000 text on a #DFDFE2 background; contrast on black is 15.79:1.