#5DF861

#5DF861

#F85DF4

#F85DF4

对比度

1.92:1

Delta E

181.49

Very Different

50:50 混合

#C7B9B1

颜色值

格式 #5DF861 #F85DF4
HEX #5DF861 #F85DF4
RGB 93, 248, 97 248, 93, 244
HSL 121.5, 91.7%, 66.9% 301.5, 91.7%, 66.9%
HSV 121.5, 62.5%, 97.3% 301.5, 62.5%, 97.3%
CMYK 62.5%, 0.0%, 60.9%, 2.7% 0.0%, 62.5%, 1.6%, 2.7%
OKLCH 0.8662 0.2332 143.6 0.7326 0.2505 328.8

对比度与无障碍

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F85DF4 → 背景色: #5DF861

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

文本: #5DF861 → 背景色: #F85DF4

色差 (Delta E)

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

渐变

#5DF861 #8FE47F #AFD099 #C7B9B1 #DBA0C8 #EB83DE #F85DF4

颜色混合

#5DF861

100%

#A0DA8C

75:25

#C7B9B1

50:50

#E392D3

25:75

#F85DF4

100%

CSS渐变代码

background: linear-gradient(to right, #5DF861, #F85DF4);
background: linear-gradient(135deg, #5DF861, #F85DF4);

探索每种颜色

#5DF861

查看完整颜色详情

#F85DF4

查看完整颜色详情

相关比较