#97DFBA

#97DFBA

#DF97BC

#DF97BC

对比度

1.46:1

Delta E

66.68

Very Different

50:50 混合

#C1BDBB

颜色值

格式 #97DFBA #DF97BC
HEX #97DFBA #DF97BC
RGB 151, 223, 186 223, 151, 188
HSL 149.2, 52.9%, 73.3% 329.2, 52.9%, 73.3%
HSV 149.2, 32.3%, 87.5% 329.2, 32.3%, 87.5%
CMYK 32.3%, 0.0%, 16.6%, 12.5% 0.0%, 32.3%, 15.7%, 12.5%
OKLCH 0.8459 0.089 161.3 0.7582 0.098 347.5

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF97BC → 背景色: #97DFBA

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

文本: #97DFBA → 背景色: #DF97BC

色差 (Delta E)

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

渐变

#97DFBA #A7D4BA #B5C9BB #C1BDBB #CCB1BC #D6A4BC #DF97BC

颜色混合

#97DFBA

100%

#AECEBB

75:25

#C1BDBB

50:50

#D1ABBC

25:75

#DF97BC

100%

CSS渐变代码

background: linear-gradient(to right, #97DFBA, #DF97BC);
background: linear-gradient(135deg, #97DFBA, #DF97BC);

探索每种颜色

#97DFBA

查看完整颜色详情

#DF97BC

查看完整颜色详情

相关比较