#65ECEC

#65ECEC

#EC6565

#EC6565

コントラスト比

2.23:1

Delta E

99.83

Very Different

50:50 ミックス

#C8AEA6

カラー値

フォーマット #65ECEC #EC6565
HEX #65ECEC #EC6565
RGB 101, 236, 236 236, 101, 101
HSL 180.0, 78.0%, 66.1% 0.0, 78.0%, 66.1%
HSV 180.0, 57.2%, 92.5% 0.0, 57.2%, 92.5%
CMYK 57.2%, 0.0%, 0.0%, 7.5% 0.0%, 57.2%, 57.2%, 7.5%
OKLCH 0.8692 0.1173 195.2 0.6749 0.1678 22.7

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

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EC6565 → 背景色: #65ECEC

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

テキスト: #65ECEC → 背景色: #EC6565

色差 (Delta E)

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

グラデーション

#65ECEC #95D8D4 #B3C4BD #C8AEA6 #D79890 #E3807A #EC6565

カラーミキシング

#65ECEC

100%

#A6CEC8

75:25

#C8AEA6

50:50

#DE8C85

25:75

#EC6565

100%

CSSグラデーションコード

background: linear-gradient(to right, #65ECEC, #EC6565);
background: linear-gradient(135deg, #65ECEC, #EC6565);

各色を詳しく見る

#65ECEC

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

#EC6565

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

関連する比較