#52C563

#52C563

#C552B4

#C552B4

对比度

1.82:1

Delta E

132.05

Very Different

50:50 混合

#9E958E

颜色值

格式 #52C563 #C552B4
HEX #52C563 #C552B4
RGB 82, 197, 99 197, 82, 180
HSL 128.9, 49.8%, 54.7% 308.9, 49.8%, 54.7%
HSV 128.9, 58.4%, 77.3% 308.9, 58.4%, 77.3%
CMYK 58.4%, 0.0%, 49.7%, 22.7% 0.0%, 58.4%, 8.6%, 22.7%
OKLCH 0.7347 0.1722 146.4 0.6203 0.1859 333.7

对比度与无障碍

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

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #C552B4 → 背景色: #52C563

敏捷的棕色狐狸跳过了懒狗

文本: #52C563 → 背景色: #C552B4

色差 (Delta E)

132.05 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#52C563 #74B673 #8CA681 #9E958E #AD829B #BA6DA8 #C552B4

颜色混合

#52C563

100%

#81AE7A

75:25

#9E958E

50:50

#B478A2

25:75

#C552B4

100%

CSS渐变代码

background: linear-gradient(to right, #52C563, #C552B4);
background: linear-gradient(135deg, #52C563, #C552B4);

探索每种颜色

#52C563

查看完整颜色详情

#C552B4

查看完整颜色详情

相关比较