#52C564

#52C564

#C552B3

#C552B3

コントラスト比

1.82:1

Delta E

131.29

Very Different

50:50 ミックス

#9E958E

カラー値

フォーマット #52C564 #C552B3
HEX #52C564 #C552B3
RGB 82, 197, 100 197, 82, 179
HSL 129.4, 49.8%, 54.7% 309.4, 49.8%, 54.7%
HSV 129.4, 58.4%, 77.3% 309.4, 58.4%, 77.3%
CMYK 58.4%, 0.0%, 49.2%, 22.7% 0.0%, 58.4%, 9.1%, 22.7%
OKLCH 0.7348 0.1713 146.6 0.6199 0.1851 334.1

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

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C552B3 → 背景色: #52C564

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

テキスト: #52C564 → 背景色: #C552B3

色差 (Delta E)

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

グラデーション

#52C564 #74B673 #8CA681 #9E958E #AD829B #BA6CA7 #C552B3

カラーミキシング

#52C564

100%

#81AE7A

75:25

#9E958E

50:50

#B478A1

25:75

#C552B3

100%

CSSグラデーションコード

background: linear-gradient(to right, #52C564, #C552B3);
background: linear-gradient(135deg, #52C564, #C552B3);

各色を詳しく見る

#52C564

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

#C552B3

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

関連する比較