#554FA3

#554FA3

#9DA34F

#9DA34F

对比度

2.57:1

Delta E

99.52

Very Different

50:50 混合

#83787D

颜色值

格式 #554FA3 #9DA34F
HEX #554FA3 #9DA34F
RGB 85, 79, 163 157, 163, 79
HSL 244.3, 34.7%, 47.5% 64.3, 34.7%, 47.5%
HSV 244.3, 51.5%, 63.9% 64.3, 51.5%, 63.9%
CMYK 47.9%, 51.5%, 0.0%, 36.1% 3.7%, 0.0%, 51.5%, 36.1%
OKLCH 0.4768 0.1312 283.5 0.6925 0.1084 112.6

对比度与无障碍

2.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA34F → 背景色: #554FA3

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

文本: #554FA3 → 背景色: #9DA34F

色差 (Delta E)

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

渐变

#554FA3 #685C97 #776A8A #83787D #8D866F #969460 #9DA34F

颜色混合

#554FA3

100%

#706390

75:25

#83787D

50:50

#928D68

25:75

#9DA34F

100%

CSS渐变代码

background: linear-gradient(to right, #554FA3, #9DA34F);
background: linear-gradient(135deg, #554FA3, #9DA34F);

探索每种颜色

#554FA3

查看完整颜色详情

#9DA34F

查看完整颜色详情

相关比较