#453DA5

#453DA5

#9DA53D

#9DA53D

对比度

3.2:1

Delta E

122.37

Very Different

50:50 混合

#816F78

颜色值

格式 #453DA5 #9DA53D
HEX #453DA5 #9DA53D
RGB 69, 61, 165 157, 165, 61
HSL 244.6, 46.0%, 44.3% 64.6, 46.0%, 44.3%
HSV 244.6, 63.0%, 64.7% 64.6, 63.0%, 64.7%
CMYK 58.2%, 63.0%, 0.0%, 35.3% 4.8%, 0.0%, 63.0%, 35.3%
OKLCH 0.4323 0.1614 280.7 0.695 0.1272 113.4

对比度与无障碍

3.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA53D → 背景色: #453DA5

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

文本: #453DA5 → 背景色: #9DA53D

色差 (Delta E)

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

渐变

#453DA5 #604D96 #735E87 #816F78 #8D8167 #969354 #9DA53D

颜色混合

#453DA5

100%

#6A568F

75:25

#816F78

50:50

#918A5E

25:75

#9DA53D

100%

CSS渐变代码

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

探索每种颜色

#453DA5

查看完整颜色详情

#9DA53D

查看完整颜色详情

相关比较