#143585

#143585

#856414

#856414

对比度

2.04:1

Delta E

97.58

Very Different

50:50 混合

#654A53

颜色值

格式 #143585 #856414
HEX #143585 #856414
RGB 20, 53, 133 133, 100, 20
HSL 222.5, 73.9%, 30.0% 42.5, 73.9%, 30.0%
HSV 222.5, 85.0%, 52.2% 42.5, 85.0%, 52.2%
CMYK 85.0%, 60.2%, 0.0%, 47.8% 0.0%, 24.8%, 85.0%, 47.8%
OKLCH 0.3601 0.1399 263.8 0.5232 0.1001 83.9

对比度与无障碍

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856414 → 背景色: #143585

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

文本: #143585 → 背景色: #856414

色差 (Delta E)

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

渐变

#143585 #403B75 #564264 #654A53 #725242 #7C5B2E #856414

颜色混合

#143585

100%

#4C3F6C

75:25

#654A53

50:50

#775738

25:75

#856414

100%

CSS渐变代码

background: linear-gradient(to right, #143585, #856414);
background: linear-gradient(135deg, #143585, #856414);

探索每种颜色

#143585

查看完整颜色详情

#856414

查看完整颜色详情

相关比较