#1708A7

#1708A7

#98A708

#98A708

对比度

4.83:1

Delta E

168.45

Very Different

50:50 混合

#7D5C6E

颜色值

格式 #1708A7 #98A708
HEX #1708A7 #98A708
RGB 23, 8, 167 152, 167, 8
HSL 245.7, 90.9%, 34.3% 65.7, 90.9%, 34.3%
HSV 245.7, 95.2%, 65.5% 65.7, 95.2%, 65.5%
CMYK 86.2%, 95.2%, 0.0%, 34.5% 9.0%, 0.0%, 95.2%, 34.5%
OKLCH 0.341 0.2201 268.6 0.6927 0.1568 116.0

对比度与无障碍

4.83:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #98A708 → 背景色: #1708A7

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

文本: #1708A7 → 背景色: #98A708

色差 (Delta E)

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

渐变

#1708A7 #512995 #6C4382 #7D5C6E #8A7558 #928E3D #98A708

颜色混合

#1708A7

100%

#60368B

75:25

#7D5C6E

50:50

#8E814C

25:75

#98A708

100%

CSS渐变代码

background: linear-gradient(to right, #1708A7, #98A708);
background: linear-gradient(135deg, #1708A7, #98A708);

探索每种颜色

#1708A7

查看完整颜色详情

#98A708

查看完整颜色详情

相关比较