#DFE1FF

#DFE1FF

#FFFDDF

#FFFDDF

コントラスト比

1.25:1

Delta E

31.96

Very Different

50:50 ミックス

#F0EFEF

カラー値

フォーマット #DFE1FF #FFFDDF
HEX #DFE1FF #FFFDDF
RGB 223, 225, 255 255, 253, 223
HSL 236.2, 100.0%, 93.7% 56.3, 100.0%, 93.7%
HSV 236.2, 12.5%, 100.0% 56.3, 12.5%, 100.0%
CMYK 12.5%, 11.8%, 0.0%, 0.0% 0.0%, 0.8%, 12.5%, 0.0%
OKLCH 0.9174 0.0408 282.5 0.9878 0.039 104.0

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFFDDF → 背景色: #DFE1FF

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

テキスト: #DFE1FF → 背景色: #FFFDDF

色差 (Delta E)

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

グラデーション

#DFE1FF #E5E6FA #EAEAF5 #F0EFEF #F5F4EA #FAF8E4 #FFFDDF

カラーミキシング

#DFE1FF

100%

#E8E8F7

75:25

#F0EFEF

50:50

#F8F6E7

25:75

#FFFDDF

100%

CSSグラデーションコード

background: linear-gradient(to right, #DFE1FF, #FFFDDF);
background: linear-gradient(135deg, #DFE1FF, #FFFDDF);

各色を詳しく見る

#DFE1FF

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

#FFFDDF

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

関連する比較