#0736C5

#0736C5

#C59607

#C59607

对比度

3.3:1

Delta E

152.91

Very Different

50:50 混合

#98627A

颜色值

格式 #0736C5 #C59607
HEX #0736C5 #C59607
RGB 7, 54, 197 197, 150, 7
HSL 225.2, 93.1%, 40.0% 45.2, 93.1%, 40.0%
HSV 225.2, 96.4%, 77.3% 45.2, 96.4%, 77.3%
CMYK 96.4%, 72.6%, 0.0%, 22.7% 0.0%, 23.9%, 96.4%, 22.7%
OKLCH 0.424 0.2233 264.1 0.6984 0.1417 85.9

对比度与无障碍

3.3:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #C59607 → 背景色: #0736C5

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

文本: #0736C5 → 背景色: #C59607

色差 (Delta E)

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

渐变

#0736C5 #5F43AC #815293 #98627A #AA735F #B88440 #C59607

颜色混合

#0736C5

100%

#724AA0

75:25

#98627A

50:50

#B17B50

25:75

#C59607

100%

CSS渐变代码

background: linear-gradient(to right, #0736C5, #C59607);
background: linear-gradient(135deg, #0736C5, #C59607);

探索每种颜色

#0736C5

查看完整颜色详情

#C59607

查看完整颜色详情

相关比较