#DFE8EC

#DFE8EC

#ECE3DF

#ECE3DF

コントラスト比

1.02:1

Delta E

7.61

Noticeable

50:50 ミックス

#E6E6E5

カラー値

フォーマット #DFE8EC #ECE3DF
HEX #DFE8EC #ECE3DF
RGB 223, 232, 236 236, 227, 223
HSL 198.5, 25.5%, 90.0% 18.5, 25.5%, 90.0%
HSV 198.5, 5.5%, 92.5% 18.5, 5.5%, 92.5%
CMYK 5.5%, 1.7%, 0.0%, 7.5% 0.0%, 3.8%, 5.5%, 7.5%
OKLCH 0.9253 0.0111 226.0 0.9218 0.0112 45.7

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECE3DF → 背景色: #DFE8EC

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

テキスト: #DFE8EC → 背景色: #ECE3DF

色差 (Delta E)

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

グラデーション

#DFE8EC #E1E7EA #E4E6E8 #E6E6E5 #E8E5E3 #EAE4E1 #ECE3DF

カラーミキシング

#DFE8EC

100%

#E2E7E9

75:25

#E6E6E5

50:50

#E9E4E2

25:75

#ECE3DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #DFE8EC, #ECE3DF);
background: linear-gradient(135deg, #DFE8EC, #ECE3DF);

各色を詳しく見る

#DFE8EC

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

#ECE3DF

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

関連する比較