#DFE5F7

#DFE5F7

#F7F1DF

#F7F1DF

コントラスト比

1.11:1

Delta E

19.42

Noticeable

50:50 ミックス

#EBEBEB

カラー値

フォーマット #DFE5F7 #F7F1DF
HEX #DFE5F7 #F7F1DF
RGB 223, 229, 247 247, 241, 223
HSL 225.0, 60.0%, 92.2% 45.0, 60.0%, 92.2%
HSV 225.0, 9.7%, 96.9% 45.0, 9.7%, 96.9%
CMYK 9.7%, 7.3%, 0.0%, 3.1% 0.0%, 2.4%, 9.7%, 3.1%
OKLCH 0.9227 0.0253 271.1 0.958 0.0246 91.6

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7F1DF → 背景色: #DFE5F7

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

テキスト: #DFE5F7 → 背景色: #F7F1DF

色差 (Delta E)

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

グラデーション

#DFE5F7 #E3E7F3 #E7E9EF #EBEBEB #EFEDE7 #F3EFE3 #F7F1DF

カラーミキシング

#DFE5F7

100%

#E5E8F1

75:25

#EBEBEB

50:50

#F1EEE5

25:75

#F7F1DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #DFE5F7, #F7F1DF);
background: linear-gradient(135deg, #DFE5F7, #F7F1DF);

各色を詳しく見る

#DFE5F7

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

#F7F1DF

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

関連する比較