#9CFE7D

#9CFE7D

#DF7DFE

#DF7DFE

对比度

1.99:1

Delta E

151.06

Very Different

50:50 混合

#CCC3C2

颜色值

格式 #9CFE7D #DF7DFE
HEX #9CFE7D #DF7DFE
RGB 156, 254, 125 223, 125, 254
HSL 105.6, 98.5%, 74.3% 285.6, 98.5%, 74.3%
HSV 105.6, 50.8%, 99.6% 285.6, 50.8%, 99.6%
CMYK 38.6%, 0.0%, 50.8%, 0.4% 12.2%, 50.8%, 0.0%, 0.4%
OKLCH 0.9084 0.1897 138.6 0.7453 0.2013 317.5

对比度与无障碍

1.99:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF7DFE → 背景色: #9CFE7D

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

文本: #9CFE7D → 背景色: #DF7DFE

色差 (Delta E)

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

渐变

#9CFE7D #B1EB96 #C0D8AD #CCC3C2 #D5AED6 #DB97EA #DF7DFE

颜色混合

#9CFE7D

100%

#B9E1A2

75:25

#CCC3C2

50:50

#D8A3E0

25:75

#DF7DFE

100%

CSS渐变代码

background: linear-gradient(to right, #9CFE7D, #DF7DFE);
background: linear-gradient(135deg, #9CFE7D, #DF7DFE);

探索每种颜色

#9CFE7D

查看完整颜色详情

#DF7DFE

查看完整颜色详情

相关比较