#552B8E

#552B8E

#648E2B

#648E2B

对比度

2.57:1

Delta E

120.5

Very Different

50:50 混合

#695F63

颜色值

格式 #552B8E #648E2B
HEX #552B8E #648E2B
RGB 85, 43, 142 100, 142, 43
HSL 265.5, 53.5%, 36.3% 85.5, 53.5%, 36.3%
HSV 265.5, 69.7%, 55.7% 85.5, 69.7%, 55.7%
CMYK 40.1%, 69.7%, 0.0%, 44.3% 29.6%, 0.0%, 69.7%, 44.3%
OKLCH 0.4007 0.1552 298.6 0.5954 0.1356 129.6

对比度与无障碍

2.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #648E2B → 背景色: #552B8E

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

文本: #552B8E → 背景色: #648E2B

色差 (Delta E)

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

渐变

#552B8E #5F3E80 #664F72 #695F63 #6A6F53 #697E41 #648E2B

颜色混合

#552B8E

100%

#634679

75:25

#695F63

50:50

#6A774B

25:75

#648E2B

100%

CSS渐变代码

background: linear-gradient(to right, #552B8E, #648E2B);
background: linear-gradient(135deg, #552B8E, #648E2B);

探索每种颜色

#552B8E

查看完整颜色详情

#648E2B

查看完整颜色详情

相关比较