#E1DFF4

#E1DFF4

#F2F4DF

#F2F4DF

コントラスト比

1.17:1

Delta E

22.53

Noticeable

50:50 ミックス

#EAE9EA

カラー値

フォーマット #E1DFF4 #F2F4DF
HEX #E1DFF4 #F2F4DF
RGB 225, 223, 244 242, 244, 223
HSL 245.7, 48.8%, 91.6% 65.7, 48.8%, 91.6%
HSV 245.7, 8.6%, 95.7% 65.7, 8.6%, 95.7%
CMYK 7.8%, 8.6%, 0.0%, 4.3% 0.8%, 0.0%, 8.6%, 4.3%
OKLCH 0.9115 0.0285 290.2 0.96 0.0277 111.3

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2F4DF → 背景色: #E1DFF4

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

テキスト: #E1DFF4 → 背景色: #F2F4DF

色差 (Delta E)

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

グラデーション

#E1DFF4 #E4E2F1 #E7E6ED #EAE9EA #EDEDE6 #EFF0E3 #F2F4DF

カラーミキシング

#E1DFF4

100%

#E6E4EF

75:25

#EAE9EA

50:50

#EEEFE4

25:75

#F2F4DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #E1DFF4, #F2F4DF);
background: linear-gradient(135deg, #E1DFF4, #F2F4DF);

各色を詳しく見る

#E1DFF4

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

#F2F4DF

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

関連する比較