#0776C5

#0776C5

#C55607

#C55607

对比度

1.07:1

Delta E

113.45

Very Different

50:50 混合

#9B676E

颜色值

格式 #0776C5 #C55607
HEX #0776C5 #C55607
RGB 7, 118, 197 197, 86, 7
HSL 204.9, 93.1%, 40.0% 24.9, 93.1%, 40.0%
HSV 204.9, 96.4%, 77.3% 24.9, 96.4%, 77.3%
CMYK 96.4%, 40.1%, 0.0%, 22.7% 0.0%, 56.3%, 96.4%, 22.7%
OKLCH 0.5539 0.1495 248.7 0.5856 0.1602 46.7

对比度与无障碍

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C55607 → 背景色: #0776C5

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

文本: #0776C5 → 背景色: #C55607

色差 (Delta E)

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

渐变

#0776C5 #6371A8 #846C8B #9B676E #AC6251 #B95C33 #C55607

颜色混合

#0776C5

100%

#766F99

75:25

#9B676E

50:50

#B35F42

25:75

#C55607

100%

CSS渐变代码

background: linear-gradient(to right, #0776C5, #C55607);
background: linear-gradient(135deg, #0776C5, #C55607);

探索每种颜色

#0776C5

查看完整颜色详情

#C55607

查看完整颜色详情

相关比较