#470F8C

#470F8C

#548C0F

#548C0F

对比度

2.99:1

Delta E

143.46

Very Different

50:50 混合

#61555B

颜色值

格式 #470F8C #548C0F
HEX #470F8C #548C0F
RGB 71, 15, 140 84, 140, 15
HSL 266.9, 80.6%, 30.4% 86.9, 80.6%, 30.4%
HSV 266.9, 89.3%, 54.9% 86.9, 89.3%, 54.9%
CMYK 49.3%, 89.3%, 0.0%, 45.1% 40.0%, 0.0%, 89.3%, 45.1%
OKLCH 0.3527 0.1797 295.0 0.5789 0.1565 132.5

对比度与无障碍

2.99:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #548C0F → 背景色: #470F8C

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

文本: #470F8C → 背景色: #548C0F

色差 (Delta E)

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

渐变

#470F8C #552C7C #5D416C #61555B #616749 #5D7A33 #548C0F

颜色混合

#470F8C

100%

#5A3774

75:25

#61555B

50:50

#5F713F

25:75

#548C0F

100%

CSS渐变代码

background: linear-gradient(to right, #470F8C, #548C0F);
background: linear-gradient(135deg, #470F8C, #548C0F);

探索每种颜色

#470F8C

查看完整颜色详情

#548C0F

查看完整颜色详情

相关比较