#97BACF

#97BACF

#CFAC97

#CFAC97

对比度

1.02:1

Delta E

34.28

Very Different

50:50 混合

#B7B3B3

颜色值

格式 #97BACF #CFAC97
HEX #97BACF #CFAC97
RGB 151, 186, 207 207, 172, 151
HSL 202.5, 36.8%, 70.2% 22.5, 36.8%, 70.2%
HSV 202.5, 27.1%, 81.2% 22.5, 27.1%, 81.2%
CMYK 27.1%, 10.1%, 0.0%, 18.8% 0.0%, 16.9%, 27.1%, 18.8%
OKLCH 0.7703 0.0483 234.6 0.77 0.0504 52.7

对比度与无障碍

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFAC97 → 背景色: #97BACF

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

文本: #97BACF → 背景色: #CFAC97

色差 (Delta E)

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

渐变

#97BACF #A3B8C6 #ADB5BC #B7B3B3 #C0B1AA #C8AEA0 #CFAC97

颜色混合

#97BACF

100%

#A8B7C1

75:25

#B7B3B3

50:50

#C4B0A5

25:75

#CFAC97

100%

CSS渐变代码

background: linear-gradient(to right, #97BACF, #CFAC97);
background: linear-gradient(135deg, #97BACF, #CFAC97);

探索每种颜色

#97BACF

查看完整颜色详情

#CFAC97

查看完整颜色详情

相关比较