#DCDCF4

#DCDCF4

#F4F4DC

#F4F4DC

コントラスト比

1.21:1

Delta E

25.8

Very Different

50:50 ミックス

#E9E8E8

カラー値

フォーマット #DCDCF4 #F4F4DC
HEX #DCDCF4 #F4F4DC
RGB 220, 220, 244 244, 244, 220
HSL 240.0, 52.2%, 91.0% 60.0, 52.2%, 91.0%
HSV 240.0, 9.8%, 95.7% 60.0, 9.8%, 95.7%
CMYK 9.8%, 9.8%, 0.0%, 4.3% 0.0%, 0.0%, 9.8%, 4.3%
OKLCH 0.9018 0.0326 285.7 0.9608 0.0315 107.0

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4F4DC → 背景色: #DCDCF4

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

テキスト: #DCDCF4 → 背景色: #F4F4DC

色差 (Delta E)

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

グラデーション

#DCDCF4 #E0E0F0 #E4E4EC #E9E8E8 #ECECE4 #F0F0E0 #F4F4DC

カラーミキシング

#DCDCF4

100%

#E2E2EE

75:25

#E9E8E8

50:50

#EEEEE2

25:75

#F4F4DC

100%

CSSグラデーションコード

background: linear-gradient(to right, #DCDCF4, #F4F4DC);
background: linear-gradient(135deg, #DCDCF4, #F4F4DC);

各色を詳しく見る

#DCDCF4

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

#F4F4DC

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

関連する比較