#65DC97

#65DC97

#DC65AA

#DC65AA

コントラスト比

1.89:1

Delta E

112.09

Very Different

50:50 ミックス

#B2A8A2

カラー値

フォーマット #65DC97 #DC65AA
HEX #65DC97 #DC65AA
RGB 101, 220, 151 220, 101, 170
HSL 145.2, 63.0%, 62.9% 325.2, 63.0%, 62.9%
HSV 145.2, 54.1%, 86.3% 325.2, 54.1%, 86.3%
CMYK 54.1%, 0.0%, 31.4%, 13.7% 0.0%, 54.1%, 22.7%, 13.7%
OKLCH 0.8081 0.1467 155.6 0.6716 0.1673 346.7

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

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DC65AA → 背景色: #65DC97

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

テキスト: #65DC97 → 背景色: #DC65AA

色差 (Delta E)

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

グラデーション

#65DC97 #87CB9B #9FBA9E #B2A8A2 #C294A5 #D07FA7 #DC65AA

カラーミキシング

#65DC97

100%

#94C39D

75:25

#B2A8A2

50:50

#CA8AA6

25:75

#DC65AA

100%

CSSグラデーションコード

background: linear-gradient(to right, #65DC97, #DC65AA);
background: linear-gradient(135deg, #65DC97, #DC65AA);

各色を詳しく見る

#65DC97

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

#DC65AA

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

関連する比較