#504CA1

#504CA1

#9DA14C

#9DA14C

对比度

2.64:1

Delta E

100.94

Very Different

50:50 混合

#82757B

颜色值

格式 #504CA1 #9DA14C
HEX #504CA1 #9DA14C
RGB 80, 76, 161 157, 161, 76
HSL 242.8, 35.9%, 46.5% 62.8, 35.9%, 46.5%
HSV 242.8, 52.8%, 63.1% 62.8, 52.8%, 63.1%
CMYK 50.3%, 52.8%, 0.0%, 36.9% 2.5%, 0.0%, 52.8%, 36.9%
OKLCH 0.4656 0.1334 282.0 0.6876 0.1089 111.4

对比度与无障碍

2.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA14C → 背景色: #504CA1

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

文本: #504CA1 → 背景色: #9DA14C

色差 (Delta E)

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

渐变

#504CA1 #655995 #756788 #82757B #8C846D #95925D #9DA14C

颜色混合

#504CA1

100%

#6D608E

75:25

#82757B

50:50

#918B65

25:75

#9DA14C

100%

CSS渐变代码

background: linear-gradient(to right, #504CA1, #9DA14C);
background: linear-gradient(135deg, #504CA1, #9DA14C);

探索每种颜色

#504CA1

查看完整颜色详情

#9DA14C

查看完整颜色详情

相关比较