#0796C5

#0796C5

#C53607

#C53607

对比度

1.58:1

Delta E

114.07

Very Different

50:50 混合

#A06E69

颜色值

格式 #0796C5 #C53607
HEX #0796C5 #C53607
RGB 7, 150, 197 197, 54, 7
HSL 194.8, 93.1%, 40.0% 14.8, 93.1%, 40.0%
HSV 194.8, 96.4%, 77.3% 14.8, 96.4%, 77.3%
CMYK 96.4%, 23.9%, 0.0%, 22.7% 0.0%, 72.6%, 96.4%, 22.7%
OKLCH 0.6302 0.1239 229.6 0.5466 0.1861 35.4

对比度与无障碍

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C53607 → 背景色: #0796C5

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

文本: #0796C5 → 背景色: #C53607

色差 (Delta E)

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

渐变

#0796C5 #6889A6 #8A7C87 #A06E69 #B05E4C #BC4D2E #C53607

颜色混合

#0796C5

100%

#7C8396

75:25

#A06E69

50:50

#B6563D

25:75

#C53607

100%

CSS渐变代码

background: linear-gradient(to right, #0796C5, #C53607);
background: linear-gradient(135deg, #0796C5, #C53607);

探索每种颜色

#0796C5

查看完整颜色详情

#C53607

查看完整颜色详情

相关比较