#1663AD

#1663AD

#AD6016

#AD6016

对比度

1.3:1

Delta E

99.44

Very Different

50:50 混合

#866166

颜色值

格式 #1663AD #AD6016
HEX #1663AD #AD6016
RGB 22, 99, 173 173, 96, 22
HSL 209.4, 77.4%, 38.2% 29.4, 77.4%, 38.2%
HSV 209.4, 87.3%, 67.8% 29.4, 87.3%, 67.8%
CMYK 87.3%, 42.8%, 0.0%, 32.2% 0.0%, 44.5%, 87.3%, 32.2%
OKLCH 0.4958 0.1375 252.4 0.567 0.1278 57.6

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AD6016 → 背景色: #1663AD

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

文本: #1663AD → 背景色: #AD6016

色差 (Delta E)

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

渐变

#1663AD #566295 #72617E #866166 #95604F #A26036 #AD6016

颜色混合

#1663AD

100%

#66628A

75:25

#866166

50:50

#9C6043

25:75

#AD6016

100%

CSS渐变代码

background: linear-gradient(to right, #1663AD, #AD6016);
background: linear-gradient(135deg, #1663AD, #AD6016);

探索每种颜色

#1663AD

查看完整颜色详情

#AD6016

查看完整颜色详情

相关比较