#96BACF

#96BACF

#CFAB96

#CFAB96

对比度

1.03:1

Delta E

34.85

Very Different

50:50 混合

#B7B3B2

颜色值

格式 #96BACF #CFAB96
HEX #96BACF #CFAB96
RGB 150, 186, 207 207, 171, 150
HSL 202.1, 37.3%, 70.0% 22.1, 37.3%, 70.0%
HSV 202.1, 27.5%, 81.2% 22.1, 27.5%, 81.2%
CMYK 27.5%, 10.1%, 0.0%, 18.8% 0.0%, 17.4%, 27.5%, 18.8%
OKLCH 0.7696 0.0491 233.9 0.7678 0.0514 51.9

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFAB96 → 背景色: #96BACF

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

文本: #96BACF → 背景色: #CFAB96

色差 (Delta E)

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

渐变

#96BACF #A2B8C5 #ADB5BC #B7B3B2 #BFB0A9 #C8AE9F #CFAB96

颜色混合

#96BACF

100%

#A8B6C1

75:25

#B7B3B2

50:50

#C4AFA4

25:75

#CFAB96

100%

CSS渐变代码

background: linear-gradient(to right, #96BACF, #CFAB96);
background: linear-gradient(135deg, #96BACF, #CFAB96);

探索每种颜色

#96BACF

查看完整颜色详情

#CFAB96

查看完整颜色详情

相关比较