#AAF9DA

#AAF9DA

#F9AAC9

#F9AAC9

コントラスト比

1.49:1

Delta E

66.41

Very Different

50:50 ミックス

カラー値

フォーマット #AAF9DA #F9AAC9
HEX #AAF9DA #F9AAC9
RGB 170, 249, 218 249, 170, 201
HSL 156.5, 86.8%, 82.2% 336.5, 86.8%, 82.2%
HSV 156.5, 31.7%, 97.6% 336.5, 31.7%, 97.6%
CMYK 31.7%, 0.0%, 12.4%, 2.4% 0.0%, 31.7%, 19.3%, 2.4%
OKLCH 0.9224 0.0887 167.9 0.8227 0.1 354.3

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

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F9AAC9 → 背景色: #AAF9DA

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

テキスト: #AAF9DA → 背景色: #F9AAC9

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #AAF9DA, #F9AAC9);
background: linear-gradient(135deg, #AAF9DA, #F9AAC9);

各色を詳しく見る

関連する比較