#1A10A7

#1A10A7

#9DA710

#9DA710

对比度

4.75:1

Delta E

164.46

Very Different

50:50 混合

#7F5D6F

颜色值

格式 #1A10A7 #9DA710
HEX #1A10A7 #9DA710
RGB 26, 16, 167 157, 167, 16
HSL 244.0, 82.5%, 35.9% 64.0, 82.5%, 35.9%
HSV 244.0, 90.4%, 65.5% 64.0, 90.4%, 65.5%
CMYK 84.4%, 90.4%, 0.0%, 34.5% 6.0%, 0.0%, 90.4%, 34.5%
OKLCH 0.3474 0.2159 269.3 0.6969 0.1534 114.0

对比度与无障碍

4.75:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9DA710 → 背景色: #1A10A7

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

文本: #1A10A7 → 背景色: #9DA710

色差 (Delta E)

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

渐变

#1A10A7 #522C95 #6D4582 #7F5D6F #8C7659 #968E3F #9DA710

颜色混合

#1A10A7

100%

#61398C

75:25

#7F5D6F

50:50

#92824D

25:75

#9DA710

100%

CSS渐变代码

background: linear-gradient(to right, #1A10A7, #9DA710);
background: linear-gradient(135deg, #1A10A7, #9DA710);

探索每种颜色

#1A10A7

查看完整颜色详情

#9DA710

查看完整颜色详情

相关比较