#9CF289

#9CF289

#DF89F2

#DF89F2

对比度

1.72:1

Delta E

126.66

Very Different

50:50 混合

#C8C2C0

颜色值

格式 #9CF289 #DF89F2
HEX #9CF289 #DF89F2
RGB 156, 242, 137 223, 137, 242
HSL 109.1, 80.2%, 74.3% 289.1, 80.2%, 74.3%
HSV 109.1, 43.4%, 94.9% 289.1, 43.4%, 94.9%
CMYK 35.5%, 0.0%, 43.4%, 5.1% 7.9%, 43.4%, 0.0%, 5.1%
OKLCH 0.8822 0.1618 140.0 0.7569 0.17 320.2

对比度与无障碍

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF89F2 → 背景色: #9CF289

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

文本: #9CF289 → 背景色: #DF89F2

色差 (Delta E)

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

渐变

#9CF289 #AEE29D #BDD2AF #C8C2C0 #D2B0D1 #D99DE2 #DF89F2

颜色混合

#9CF289

100%

#B6DBA6

75:25

#C8C2C0

50:50

#D6A7D9

25:75

#DF89F2

100%

CSS渐变代码

background: linear-gradient(to right, #9CF289, #DF89F2);
background: linear-gradient(135deg, #9CF289, #DF89F2);

探索每种颜色

#9CF289

查看完整颜色详情

#DF89F2

查看完整颜色详情

相关比较