#4CF56E

#4CF56E

#F54CD3

#F54CD3

对比度

2.13:1

Delta E

172.48

Very Different

50:50 混合

#C2B2A5

颜色值

格式 #4CF56E #F54CD3
HEX #4CF56E #F54CD3
RGB 76, 245, 110 245, 76, 211
HSL 132.1, 89.4%, 62.9% 312.1, 89.4%, 62.9%
HSV 132.1, 69.0%, 96.1% 312.1, 69.0%, 96.1%
CMYK 69.0%, 0.0%, 55.1%, 3.9% 0.0%, 69.0%, 13.9%, 3.9%
OKLCH 0.8559 0.2254 146.6 0.6965 0.2456 337.1

对比度与无障碍

2.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F54CD3 → 背景色: #4CF56E

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

文本: #4CF56E → 背景色: #F54CD3

色差 (Delta E)

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

渐变

#4CF56E #86E082 #A8CA95 #C2B2A5 #D697B5 #E778C4 #F54CD3

颜色混合

#4CF56E

100%

#99D58C

75:25

#C2B2A5

50:50

#DF88BD

25:75

#F54CD3

100%

CSS渐变代码

background: linear-gradient(to right, #4CF56E, #F54CD3);
background: linear-gradient(135deg, #4CF56E, #F54CD3);

探索每种颜色

#4CF56E

查看完整颜色详情

#F54CD3

查看完整颜色详情

相关比较