#5CD962

#5CD962

#D95CD3

#D95CD3

对比度

1.8:1

Delta E

150.67

Very Different

50:50 混合

颜色值

格式 #5CD962 #D95CD3
HEX #5CD962 #D95CD3
RGB 92, 217, 98 217, 92, 211
HSL 122.9, 62.2%, 60.6% 302.9, 62.2%, 60.6%
HSV 122.9, 57.6%, 85.1% 302.9, 57.6%, 85.1%
CMYK 57.6%, 0.0%, 54.8%, 14.9% 0.0%, 57.6%, 2.8%, 14.9%
OKLCH 0.7885 0.1949 144.3 0.674 0.2086 329.5

对比度与无障碍

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D95CD3 → 背景色: #5CD962

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

文本: #5CD962 → 背景色: #D95CD3

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #5CD962, #D95CD3);
background: linear-gradient(135deg, #5CD962, #D95CD3);

探索每种颜色

相关比较