#97DF86

#97DF86

#CE86DF

#CE86DF

对比度

1.63:1

Delta E

109.1

Very Different

50:50 混合

#BBB6B5

颜色值

格式 #97DF86 #CE86DF
HEX #97DF86 #CE86DF
RGB 151, 223, 134 206, 134, 223
HSL 108.5, 58.2%, 70.0% 288.5, 58.2%, 70.0%
HSV 108.5, 39.9%, 87.5% 288.5, 39.9%, 87.5%
CMYK 32.3%, 0.0%, 39.9%, 12.5% 7.6%, 39.9%, 0.0%, 12.5%
OKLCH 0.8349 0.1398 139.7 0.7252 0.1462 319.8

对比度与无障碍

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CE86DF → 背景色: #97DF86

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

文本: #97DF86 → 背景色: #CE86DF

色差 (Delta E)

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

渐变

#97DF86 #A5D296 #B1C4A6 #BBB6B5 #C2A7C3 #C997D1 #CE86DF

颜色混合

#97DF86

100%

#ABCB9E

75:25

#BBB6B5

50:50

#C69FCA

25:75

#CE86DF

100%

CSS渐变代码

background: linear-gradient(to right, #97DF86, #CE86DF);
background: linear-gradient(135deg, #97DF86, #CE86DF);

探索每种颜色

#97DF86

查看完整颜色详情

#CE86DF

查看完整颜色详情

相关比较