#D9DAF2

#D9DAF2

#F2F1D9

#F2F1D9

コントラスト比

1.2:1

Delta E

25.8

Very Different

50:50 ミックス

#E6E5E6

カラー値

フォーマット #D9DAF2 #F2F1D9
HEX #D9DAF2 #F2F1D9
RGB 217, 218, 242 242, 241, 217
HSL 237.6, 49.0%, 90.0% 57.6, 49.0%, 90.0%
HSV 237.6, 10.3%, 94.9% 57.6, 10.3%, 94.9%
CMYK 10.3%, 9.9%, 0.0%, 5.1% 0.0%, 0.4%, 10.3%, 5.1%
OKLCH 0.8949 0.0327 283.8 0.9526 0.0316 105.0

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2F1D9 → 背景色: #D9DAF2

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

テキスト: #D9DAF2 → 背景色: #F2F1D9

色差 (Delta E)

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

グラデーション

#D9DAF2 #DDDEEE #E2E2EA #E6E5E6 #EAE9E1 #EEEDDD #F2F1D9

カラーミキシング

#D9DAF2

100%

#E0E0EC

75:25

#E6E5E6

50:50

#ECEBDF

25:75

#F2F1D9

100%

CSSグラデーションコード

background: linear-gradient(to right, #D9DAF2, #F2F1D9);
background: linear-gradient(135deg, #D9DAF2, #F2F1D9);

各色を詳しく見る

#D9DAF2

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

#F2F1D9

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

関連する比較