#153685

#153685

#856415

#856415

对比度

2.02:1

Delta E

96.58

Very Different

50:50 混合

#654B54

颜色值

格式 #153685 #856415
HEX #153685 #856415
RGB 21, 54, 133 133, 100, 21
HSL 222.3, 72.7%, 30.2% 42.3, 72.7%, 30.2%
HSV 222.3, 84.2%, 52.2% 42.3, 84.2%, 52.2%
CMYK 84.2%, 59.4%, 0.0%, 47.8% 0.0%, 24.8%, 84.2%, 47.8%
OKLCH 0.3626 0.1383 263.7 0.5233 0.0997 83.8

对比度与无障碍

2.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856415 → 背景色: #153685

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

文本: #153685 → 背景色: #856415

色差 (Delta E)

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

渐变

#153685 #403C75 #564364 #654B54 #725342 #7C5B2F #856415

颜色混合

#153685

100%

#4C406C

75:25

#654B54

50:50

#775739

25:75

#856415

100%

CSS渐变代码

background: linear-gradient(to right, #153685, #856415);
background: linear-gradient(135deg, #153685, #856415);

探索每种颜色

#153685

查看完整颜色详情

#856415

查看完整颜色详情

相关比较