#5DF660

#5DF660

#F65DF3

#F65DF3

对比度

1.9:1

Delta E

180.33

Very Different

50:50 混合

#C6B8B0

颜色值

格式 #5DF660 #F65DF3
HEX #5DF660 #F65DF3
RGB 93, 246, 96 246, 93, 243
HSL 121.2, 89.5%, 66.5% 301.2, 89.5%, 66.5%
HSV 121.2, 62.2%, 96.5% 301.2, 62.2%, 96.5%
CMYK 62.2%, 0.0%, 61.0%, 3.5% 0.0%, 62.2%, 1.2%, 3.5%
OKLCH 0.8611 0.2316 143.5 0.7295 0.2486 328.6

对比度与无障碍

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F65DF3 → 背景色: #5DF660

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

文本: #5DF660 → 背景色: #F65DF3

色差 (Delta E)

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

渐变

#5DF660 #8EE37E #AECE98 #C6B8B0 #D99FC7 #E983DD #F65DF3

颜色混合

#5DF660

100%

#9FD98B

75:25

#C6B8B0

50:50

#E192D2

25:75

#F65DF3

100%

CSS渐变代码

background: linear-gradient(to right, #5DF660, #F65DF3);
background: linear-gradient(135deg, #5DF660, #F65DF3);

探索每种颜色

#5DF660

查看完整颜色详情

#F65DF3

查看完整颜色详情

相关比较