#1024A7

#1024A7

#A79310

#A79310

对比度

3.72:1

Delta E

146.0

Very Different

50:50 混合

#81596B

颜色值

格式 #1024A7 #A79310
HEX #1024A7 #A79310
RGB 16, 36, 167 167, 147, 16
HSL 232.1, 82.5%, 35.9% 52.1, 82.5%, 35.9%
HSV 232.1, 90.4%, 65.5% 52.1, 90.4%, 65.5%
CMYK 90.4%, 78.4%, 0.0%, 34.5% 0.0%, 12.0%, 90.4%, 34.5%
OKLCH 0.365 0.204 266.2 0.6612 0.1337 99.2

对比度与无障碍

3.72:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #A79310 → 背景色: #1024A7

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

文本: #1024A7 → 背景色: #A79310

色差 (Delta E)

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

渐变

#1024A7 #513494 #6D4680 #81596B #906C56 #9D7F3C #A79310

颜色混合

#1024A7

100%

#613D8A

75:25

#81596B

50:50

#977649

25:75

#A79310

100%

CSS渐变代码

background: linear-gradient(to right, #1024A7, #A79310);
background: linear-gradient(135deg, #1024A7, #A79310);

探索每种颜色

#1024A7

查看完整颜色详情

#A79310

查看完整颜色详情

相关比较