#40DF5B

#40DF5B

#DF40C4

#DF40C4

对比度

2.1:1

Delta E

167.24

Very Different

50:50 混合

#B0A195

颜色值

格式 #40DF5B #DF40C4
HEX #40DF5B #DF40C4
RGB 64, 223, 91 223, 64, 196
HSL 130.2, 71.3%, 56.3% 310.2, 71.3%, 56.3%
HSV 130.2, 71.3%, 87.5% 310.2, 71.3%, 87.5%
CMYK 71.3%, 0.0%, 59.2%, 12.5% 0.0%, 71.3%, 12.1%, 12.5%
OKLCH 0.7952 0.218 145.8 0.647 0.2365 335.7

对比度与无障碍

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF40C4 → 背景色: #40DF5B

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

文本: #40DF5B → 背景色: #DF40C4

色差 (Delta E)

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

渐变

#40DF5B #78CC71 #98B784 #B0A195 #C388A5 #D26AB5 #DF40C4

颜色混合

#40DF5B

100%

#89C17A

75:25

#B0A195

50:50

#CB7AAD

25:75

#DF40C4

100%

CSS渐变代码

background: linear-gradient(to right, #40DF5B, #DF40C4);
background: linear-gradient(135deg, #40DF5B, #DF40C4);

探索每种颜色

#40DF5B

查看完整颜色详情

#DF40C4

查看完整颜色详情

相关比较