#9DFFF4

#9DFFF4

#FF9DA8

#FF9DA8

コントラスト比

1.7:1

Delta E

72.93

Very Different

50:50 ミックス

カラー値

フォーマット #9DFFF4 #FF9DA8
HEX #9DFFF4 #FF9DA8
RGB 157, 255, 244 255, 157, 168
HSL 173.3, 100.0%, 80.8% 353.3, 100.0%, 80.8%
HSV 173.3, 38.4%, 100.0% 353.3, 38.4%, 100.0%
CMYK 38.4%, 0.0%, 4.3%, 0.0% 0.0%, 38.4%, 34.1%, 0.0%
OKLCH 0.9364 0.0941 186.6 0.7986 0.1174 12.8

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

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF9DA8 → 背景色: #9DFFF4

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

テキスト: #9DFFF4 → 背景色: #FF9DA8

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #9DFFF4, #FF9DA8);
background: linear-gradient(135deg, #9DFFF4, #FF9DA8);

各色を詳しく見る

関連する比較