#5CDF59

#5CDF59

#DC59DF

#DC59DF

对比度

1.86:1

Delta E

163.7

Very Different

50:50 混合

#B3A8A1

颜色值

格式 #5CDF59 #DC59DF
HEX #5CDF59 #DC59DF
RGB 92, 223, 89 220, 89, 223
HSL 118.7, 67.7%, 61.2% 298.7, 67.7%, 61.2%
HSV 118.7, 60.1%, 87.5% 298.7, 60.1%, 87.5%
CMYK 58.7%, 0.0%, 60.1%, 12.5% 1.3%, 60.1%, 0.0%, 12.5%
OKLCH 0.8026 0.2097 143.0 0.6806 0.2243 326.8

对比度与无障碍

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DC59DF → 背景色: #5CDF59

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

文本: #5CDF59 → 背景色: #DC59DF

色差 (Delta E)

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

渐变

#5CDF59 #84CE74 #9FBB8C #B3A8A1 #C492B6 #D179CB #DC59DF

颜色混合

#5CDF59

100%

#93C580

75:25

#B3A8A1

50:50

#CB86C1

25:75

#DC59DF

100%

CSS渐变代码

background: linear-gradient(to right, #5CDF59, #DC59DF);
background: linear-gradient(135deg, #5CDF59, #DC59DF);

探索每种颜色

#5CDF59

查看完整颜色详情

#DC59DF

查看完整颜色详情

相关比较