#898AC5

#898AC5

#C5C489

#C5C489

对比度

1.79:1

Delta E

67.02

Very Different

50:50 混合

#ABA6A8

颜色值

格式 #898AC5 #C5C489
HEX #898AC5 #C5C489
RGB 137, 138, 197 197, 196, 137
HSL 239.0, 34.1%, 65.5% 59.0, 34.1%, 65.5%
HSV 239.0, 30.5%, 77.3% 59.0, 30.5%, 77.3%
CMYK 30.5%, 29.9%, 0.0%, 22.7% 0.0%, 0.5%, 30.5%, 22.7%
OKLCH 0.6555 0.0874 283.0 0.8069 0.0778 107.2

对比度与无障碍

1.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C5C489 → 背景色: #898AC5

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

文本: #898AC5 → 背景色: #C5C489

色差 (Delta E)

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

渐变

#898AC5 #9693BC #A19DB2 #ABA6A8 #B5B09E #BDBA94 #C5C489

颜色混合

#898AC5

100%

#9C98B7

75:25

#ABA6A8

50:50

#B9B599

25:75

#C5C489

100%

CSS渐变代码

background: linear-gradient(to right, #898AC5, #C5C489);
background: linear-gradient(135deg, #898AC5, #C5C489);

探索每种颜色

#898AC5

查看完整颜色详情

#C5C489

查看完整颜色详情

相关比较