#084D9C

#084D9C

#9C5708

#9C5708

对比度

1.48:1

Delta E

100.28

Very Different

50:50 混合

#78505A

颜色值

格式 #084D9C #9C5708
HEX #084D9C #9C5708
RGB 8, 77, 156 156, 87, 8
HSL 212.0, 90.2%, 32.2% 32.0, 90.2%, 32.2%
HSV 212.0, 94.9%, 61.2% 32.0, 94.9%, 61.2%
CMYK 94.9%, 50.6%, 0.0%, 38.8% 0.0%, 44.2%, 94.9%, 38.8%
OKLCH 0.4302 0.1433 256.5 0.5268 0.1205 60.0

对比度与无障碍

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9C5708 → 背景色: #084D9C

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

文本: #084D9C → 背景色: #9C5708

色差 (Delta E)

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

渐变

#084D9C #4B4E86 #664F70 #78505A #865244 #92552B #9C5708

颜色混合

#084D9C

100%

#5A4E7B

75:25

#78505A

50:50

#8C5338

25:75

#9C5708

100%

CSS渐变代码

background: linear-gradient(to right, #084D9C, #9C5708);
background: linear-gradient(135deg, #084D9C, #9C5708);

探索每种颜色

#084D9C

查看完整颜色详情

#9C5708

查看完整颜色详情

相关比较