#D3D6DF

#D3D6DF

#DFDCD3

#DFDCD3

コントラスト比

1.06:1

Delta E

9.87

Noticeable

50:50 ミックス

#D9D9D9

カラー値

フォーマット #D3D6DF #DFDCD3
HEX #D3D6DF #DFDCD3
RGB 211, 214, 223 223, 220, 211
HSL 225.0, 15.8%, 85.1% 45.0, 15.8%, 85.1%
HSV 225.0, 5.4%, 87.5% 45.0, 5.4%, 87.5%
CMYK 5.4%, 4.0%, 0.0%, 12.5% 0.0%, 1.3%, 5.4%, 12.5%
OKLCH 0.8764 0.0128 271.3 0.8943 0.0126 91.5

コントラストとアクセシビリティ

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #DFDCD3 → 背景色: #D3D6DF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #D3D6DF → 背景色: #DFDCD3

色差 (Delta E)

9.87 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#D3D6DF #D5D7DD #D7D8DB #D9D9D9 #DBDAD7 #DDDBD5 #DFDCD3

カラーミキシング

#D3D6DF

100%

#D6D7DC

75:25

#D9D9D9

50:50

#DCDAD6

25:75

#DFDCD3

100%

CSSグラデーションコード

background: linear-gradient(to right, #D3D6DF, #DFDCD3);
background: linear-gradient(135deg, #D3D6DF, #DFDCD3);

各色を詳しく見る

#D3D6DF

カラーの詳細をすべて見る

#DFDCD3

カラーの詳細をすべて見る

関連する比較