#9CEF8C

#9CEF8C

#DF8CEF

#DF8CEF

对比度

1.66:1

Delta E

120.43

Very Different

50:50 混合

#C7C1C0

颜色值

格式 #9CEF8C #DF8CEF
HEX #9CEF8C #DF8CEF
RGB 156, 239, 140 223, 140, 239
HSL 110.3, 75.6%, 74.3% 290.3, 75.6%, 74.3%
HSV 110.3, 41.4%, 93.7% 290.3, 41.4%, 93.7%
CMYK 34.7%, 0.0%, 41.4%, 6.3% 6.7%, 41.4%, 0.0%, 6.3%
OKLCH 0.8757 0.1546 140.5 0.7601 0.1619 321.0

对比度与无障碍

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF8CEF → 背景色: #9CEF8C

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

文本: #9CEF8C → 背景色: #DF8CEF

色差 (Delta E)

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

渐变

#9CEF8C #AEE09E #BCD1AF #C7C1C0 #D1B1D0 #D99FE0 #DF8CEF

颜色混合

#9CEF8C

100%

#B5D9A7

75:25

#C7C1C0

50:50

#D5A8D8

25:75

#DF8CEF

100%

CSS渐变代码

background: linear-gradient(to right, #9CEF8C, #DF8CEF);
background: linear-gradient(135deg, #9CEF8C, #DF8CEF);

探索每种颜色

#9CEF8C

查看完整颜色详情

#DF8CEF

查看完整颜色详情

相关比较