#552B81

#552B81

#57812B

#57812B

对比度

2.24:1

Delta E

107.8

Very Different

50:50 混合

#61585B

颜色值

格式 #552B81 #57812B
HEX #552B81 #57812B
RGB 85, 43, 129 87, 129, 43
HSL 269.3, 50.0%, 33.7% 89.3, 50.0%, 33.7%
HSV 269.3, 66.7%, 50.6% 89.3, 66.7%, 50.6%
CMYK 34.1%, 66.7%, 0.0%, 49.4% 32.6%, 0.0%, 66.7%, 49.4%
OKLCH 0.3904 0.1396 302.9 0.5536 0.1247 131.6

对比度与无障碍

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #57812B → 背景色: #552B81

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

文本: #552B81 → 背景色: #57812B

色差 (Delta E)

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

渐变

#552B81 #5B3B75 #5F4A68 #61585B #60664D #5D743E #57812B

颜色混合

#552B81

100%

#5D436E

75:25

#61585B

50:50

#5F6D46

25:75

#57812B

100%

CSS渐变代码

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

探索每种颜色

#552B81

查看完整颜色详情

#57812B

查看完整颜色详情

相关比较