#552B90

#552B90

#66902B

#66902B

对比度

2.62:1

Delta E

122.43

Very Different

50:50 混合

#6B6064

颜色值

格式 #552B90 #66902B
HEX #552B90 #66902B
RGB 85, 43, 144 102, 144, 43
HSL 265.0, 54.0%, 36.7% 85.0, 54.0%, 36.7%
HSV 265.0, 70.1%, 56.5% 85.0, 70.1%, 56.5%
CMYK 41.0%, 70.1%, 0.0%, 43.5% 29.2%, 0.0%, 70.1%, 43.5%
OKLCH 0.4023 0.1575 298.0 0.6018 0.1373 129.4

对比度与无障碍

2.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #66902B → 背景色: #552B90

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

文本: #552B90 → 背景色: #66902B

色差 (Delta E)

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

渐变

#552B90 #603E82 #674F73 #6B6064 #6C7054 #6A8042 #66902B

颜色混合

#552B90

100%

#64477B

75:25

#6B6064

50:50

#6B784B

25:75

#66902B

100%

CSS渐变代码

background: linear-gradient(to right, #552B90, #66902B);
background: linear-gradient(135deg, #552B90, #66902B);

探索每种颜色

#552B90

查看完整颜色详情

#66902B

查看完整颜色详情

相关比较