#DAE4FF

#DAE4FF

#FFF5DA

#FFF5DA

コントラスト比

1.17:1

Delta E

29.18

Very Different

50:50 ミックス

#EEECED

カラー値

フォーマット #DAE4FF #FFF5DA
HEX #DAE4FF #FFF5DA
RGB 218, 228, 255 255, 245, 218
HSL 223.8, 100.0%, 92.7% 43.8, 100.0%, 92.7%
HSV 223.8, 14.5%, 100.0% 43.8, 14.5%, 100.0%
CMYK 14.5%, 10.6%, 0.0%, 0.0% 0.0%, 3.9%, 14.5%, 0.0%
OKLCH 0.9196 0.0384 269.5 0.971 0.0369 90.1

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

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

テキスト読みやすさ

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

テキスト: #FFF5DA → 背景色: #DAE4FF

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

テキスト: #DAE4FF → 背景色: #FFF5DA

色差 (Delta E)

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

グラデーション

#DAE4FF #E1E7F9 #E7EAF3 #EEECED #F4EFE7 #F9F2E0 #FFF5DA

カラーミキシング

#DAE4FF

100%

#E4E8F6

75:25

#EEECED

50:50

#F7F1E3

25:75

#FFF5DA

100%

CSSグラデーションコード

background: linear-gradient(to right, #DAE4FF, #FFF5DA);
background: linear-gradient(135deg, #DAE4FF, #FFF5DA);

各色を詳しく見る

#DAE4FF

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

#FFF5DA

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

関連する比較