#453BA7

#453BA7

#9DA73B

#9DA73B

对比度

3.29:1

Delta E

126.6

Very Different

50:50 混合

#827078

颜色值

格式 #453BA7 #9DA73B
HEX #453BA7 #9DA73B
RGB 69, 59, 167 157, 167, 59
HSL 245.6, 47.8%, 44.3% 65.6, 47.8%, 44.3%
HSV 245.6, 64.7%, 65.5% 65.6, 64.7%, 65.5%
CMYK 58.7%, 64.7%, 0.0%, 34.5% 6.0%, 0.0%, 64.7%, 34.5%
OKLCH 0.4306 0.1666 281.0 0.6993 0.1312 114.3

对比度与无障碍

3.29:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA73B → 背景色: #453BA7

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

文本: #453BA7 → 背景色: #9DA73B

色差 (Delta E)

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

渐变

#453BA7 #614C98 #745E88 #827078 #8D8267 #969453 #9DA73B

颜色混合

#453BA7

100%

#6B5590

75:25

#827078

50:50

#928B5E

25:75

#9DA73B

100%

CSS渐变代码

background: linear-gradient(to right, #453BA7, #9DA73B);
background: linear-gradient(135deg, #453BA7, #9DA73B);

探索每种颜色

#453BA7

查看完整颜色详情

#9DA73B

查看完整颜色详情

相关比较