#548C1F

#548C1F

#571F8C

#571F8C

对比度

2.6:1

Delta E

131.23

Very Different

50:50 混合

#655B5E

颜色值

格式 #548C1F #571F8C
HEX #548C1F #571F8C
RGB 84, 140, 31 87, 31, 140
HSL 90.8, 63.7%, 33.5% 270.8, 63.7%, 33.5%
HSV 90.8, 77.9%, 54.9% 270.8, 77.9%, 54.9%
CMYK 40.0%, 0.0%, 77.9%, 45.1% 37.9%, 77.9%, 0.0%, 45.1%
OKLCH 0.5797 0.1494 133.4 0.3868 0.1679 302.3

对比度与无障碍

2.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #571F8C → 背景色: #548C1F

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

文本: #548C1F → 背景色: #571F8C

色差 (Delta E)

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

渐变

#548C1F #5E7C3A #636B4D #655B5E #64496E #5F367D #571F8C

颜色混合

#548C1F

100%

#617444

75:25

#655B5E

50:50

#624076

25:75

#571F8C

100%

CSS渐变代码

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

探索每种颜色

#548C1F

查看完整颜色详情

#571F8C

查看完整颜色详情

相关比较