#ABC0F4

#ABC0F4

#F4DFAB

#F4DFAB

コントラスト比

1.38:1

Delta E

57.59

Very Different

50:50 ミックス

#D4CFD0

カラー値

フォーマット #ABC0F4 #F4DFAB
HEX #ABC0F4 #F4DFAB
RGB 171, 192, 244 244, 223, 171
HSL 222.7, 76.8%, 81.4% 42.7, 76.8%, 81.4%
HSV 222.7, 29.9%, 95.7% 42.7, 29.9%, 95.7%
CMYK 29.9%, 21.3%, 0.0%, 4.3% 0.0%, 8.6%, 29.9%, 4.3%
OKLCH 0.8102 0.0774 267.5 0.9083 0.071 88.6

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

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4DFAB → 背景色: #ABC0F4

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

テキスト: #ABC0F4 → 背景色: #F4DFAB

色差 (Delta E)

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

グラデーション

#ABC0F4 #BAC5E8 #C8CADC #D4CFD0 #E0D4C4 #EADAB8 #F4DFAB

カラーミキシング

#ABC0F4

100%

#C1C7E2

75:25

#D4CFD0

50:50

#E5D7BE

25:75

#F4DFAB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABC0F4, #F4DFAB);
background: linear-gradient(135deg, #ABC0F4, #F4DFAB);

各色を詳しく見る

#ABC0F4

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

#F4DFAB

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

関連する比較