#64A89B

#64A89B

#A86471

#A86471

对比度

1.61:1

Delta E

55.74

Very Different

50:50 混合

#8F8886

颜色值

格式 #64A89B #A86471
HEX #64A89B #A86471
RGB 100, 168, 155 168, 100, 113
HSL 168.5, 28.1%, 52.5% 348.5, 28.1%, 52.5%
HSV 168.5, 40.5%, 65.9% 348.5, 40.5%, 65.9%
CMYK 40.5%, 0.0%, 7.7%, 34.1% 0.0%, 40.5%, 32.7%, 34.1%
OKLCH 0.6825 0.0723 180.4 0.5824 0.089 7.8

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A86471 → 背景色: #64A89B

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

文本: #64A89B → 背景色: #A86471

色差 (Delta E)

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

渐变

#64A89B #769E94 #84938D #8F8886 #997D7F #A17178 #A86471

颜色混合

#64A89B

100%

#7D9890

75:25

#8F8886

50:50

#9D777B

25:75

#A86471

100%

CSS渐变代码

background: linear-gradient(to right, #64A89B, #A86471);
background: linear-gradient(135deg, #64A89B, #A86471);

探索每种颜色

#64A89B

查看完整颜色详情

#A86471

查看完整颜色详情

相关比较