#D3D4DF

#D3D4DF

#DFDED3

#DFDED3

コントラスト比

1.09:1

Delta E

11.94

Noticeable

50:50 ミックス

#D9D9D9

カラー値

フォーマット #D3D4DF #DFDED3
HEX #D3D4DF #DFDED3
RGB 211, 212, 223 223, 222, 211
HSL 235.0, 15.8%, 85.1% 55.0, 15.8%, 85.1%
HSV 235.0, 5.4%, 87.5% 55.0, 5.4%, 87.5%
CMYK 5.4%, 4.9%, 0.0%, 12.5% 0.0%, 0.4%, 5.4%, 12.5%
OKLCH 0.8724 0.0151 281.9 0.8983 0.0148 102.5

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

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFDED3 → 背景色: #D3D4DF

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

テキスト: #D3D4DF → 背景色: #DFDED3

色差 (Delta E)

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

グラデーション

#D3D4DF #D5D6DD #D7D7DB #D9D9D9 #DBDBD7 #DDDCD5 #DFDED3

カラーミキシング

#D3D4DF

100%

#D6D6DC

75:25

#D9D9D9

50:50

#DCDBD6

25:75

#DFDED3

100%

CSSグラデーションコード

background: linear-gradient(to right, #D3D4DF, #DFDED3);
background: linear-gradient(135deg, #D3D4DF, #DFDED3);

各色を詳しく見る

#D3D4DF

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

#DFDED3

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

関連する比較