#E3F8DF

#E3F8DF

#F4DFF8

#F4DFF8

コントラスト比

1.12:1

Delta E

30.18

Very Different

50:50 ミックス

#ECECEC

カラー値

フォーマット #E3F8DF #F4DFF8
HEX #E3F8DF #F4DFF8
RGB 227, 248, 223 244, 223, 248
HSL 110.4, 64.1%, 92.4% 290.4, 64.1%, 92.4%
HSV 110.4, 10.1%, 97.3% 290.4, 10.1%, 97.3%
CMYK 8.5%, 0.0%, 10.1%, 2.7% 1.6%, 10.1%, 0.0%, 2.7%
OKLCH 0.957 0.0398 140.7 0.928 0.0402 320.8

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

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4DFF8 → 背景色: #E3F8DF

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

テキスト: #E3F8DF → 背景色: #F4DFF8

色差 (Delta E)

30.18 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#E3F8DF #E6F4E3 #E9F0E7 #ECECEC #EFE8F0 #F1E3F4 #F4DFF8

カラーミキシング

#E3F8DF

100%

#E8F2E5

75:25

#ECECEC

50:50

#F0E5F2

25:75

#F4DFF8

100%

CSSグラデーションコード

background: linear-gradient(to right, #E3F8DF, #F4DFF8);
background: linear-gradient(135deg, #E3F8DF, #F4DFF8);

各色を詳しく見る

#E3F8DF

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

#F4DFF8

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

関連する比較