#97DF7F

#97DF7F

#C77FDF

#C77FDF

对比度

1.75:1

Delta E

115.95

Very Different

50:50 混合

#B8B2B2

颜色值

格式 #97DF7F #C77FDF
HEX #97DF7F #C77FDF
RGB 151, 223, 127 199, 127, 223
HSL 105.0, 60.0%, 68.6% 285.0, 60.0%, 68.6%
HSV 105.0, 43.0%, 87.5% 285.0, 43.0%, 87.5%
CMYK 32.3%, 0.0%, 43.0%, 12.5% 10.8%, 43.0%, 0.0%, 12.5%
OKLCH 0.8337 0.1468 138.2 0.7065 0.1545 317.3

对比度与无障碍

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C77FDF → 背景色: #97DF7F

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

文本: #97DF7F → 背景色: #C77FDF

色差 (Delta E)

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

渐变

#97DF7F #A5D091 #AFC2A2 #B8B2B2 #BFA2C1 #C491D0 #C77FDF

颜色混合

#97DF7F

100%

#AAC999

75:25

#B8B2B2

50:50

#C19AC9

25:75

#C77FDF

100%

CSS渐变代码

background: linear-gradient(to right, #97DF7F, #C77FDF);
background: linear-gradient(135deg, #97DF7F, #C77FDF);

探索每种颜色

#97DF7F

查看完整颜色详情

#C77FDF

查看完整颜色详情

相关比较