#65EBEC

#65EBEC

#EC6665

#EC6665

コントラスト比

2.2:1

Delta E

99.15

Very Different

50:50 ミックス

#C8AEA6

カラー値

フォーマット #65EBEC #EC6665
HEX #65EBEC #EC6665
RGB 101, 235, 236 236, 102, 101
HSL 180.4, 78.0%, 66.1% 0.4, 78.0%, 66.1%
HSV 180.4, 57.2%, 92.5% 0.4, 57.2%, 92.5%
CMYK 57.2%, 0.4%, 0.0%, 7.5% 0.0%, 56.8%, 57.2%, 7.5%
OKLCH 0.8669 0.1166 195.9 0.6762 0.1666 23.0

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

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EC6665 → 背景色: #65EBEC

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

テキスト: #65EBEC → 背景色: #EC6665

色差 (Delta E)

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

グラデーション

#65EBEC #95D7D4 #B3C3BD #C8AEA6 #D79890 #E3817A #EC6665

カラーミキシング

#65EBEC

100%

#A5CDC8

75:25

#C8AEA6

50:50

#DE8D85

25:75

#EC6665

100%

CSSグラデーションコード

background: linear-gradient(to right, #65EBEC, #EC6665);
background: linear-gradient(135deg, #65EBEC, #EC6665);

各色を詳しく見る

#65EBEC

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

#EC6665

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

関連する比較