#97DF9C

#97DF9C

#DF97DA

#DF97DA

对比度

1.39:1

Delta E

88.8

Very Different

50:50 混合

#C1BEBC

颜色值

格式 #97DF9C #DF97DA
HEX #97DF9C #DF97DA
RGB 151, 223, 156 223, 151, 218
HSL 124.2, 52.9%, 73.3% 304.2, 52.9%, 73.3%
HSV 124.2, 32.3%, 87.5% 304.2, 32.3%, 87.5%
CMYK 32.3%, 0.0%, 30.0%, 12.5% 0.0%, 32.3%, 2.2%, 12.5%
OKLCH 0.839 0.1173 146.1 0.769 0.1221 329.1

对比度与无障碍

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF97DA → 背景色: #97DF9C

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

文本: #97DF9C → 背景色: #DF97DA

色差 (Delta E)

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

渐变

#97DF9C #A7D4A7 #B5C9B2 #C1BEBC #CCB2C6 #D6A5D0 #DF97DA

颜色混合

#97DF9C

100%

#AECFAC

75:25

#C1BEBC

50:50

#D1ABCB

25:75

#DF97DA

100%

CSS渐变代码

background: linear-gradient(to right, #97DF9C, #DF97DA);
background: linear-gradient(135deg, #97DF9C, #DF97DA);

探索每种颜色

#97DF9C

查看完整颜色详情

#DF97DA

查看完整颜色详情

相关比较