#123C55

#123C55

#552B12

#552B12

对比度

1.04:1

Delta E

48.7

Very Different

50:50 混合

#423434

颜色值

格式 #123C55 #552B12
HEX #123C55 #552B12
RGB 18, 60, 85 85, 43, 18
HSL 202.4, 65.0%, 20.2% 22.4, 65.0%, 20.2%
HSV 202.4, 78.8%, 33.3% 22.4, 78.8%, 33.3%
CMYK 78.8%, 29.4%, 0.0%, 66.7% 0.0%, 49.4%, 78.8%, 66.7%
OKLCH 0.3401 0.0633 239.0 0.3397 0.0721 49.1

对比度与无障碍

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #552B12 → 背景色: #123C55

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

文本: #123C55 → 背景色: #552B12

色差 (Delta E)

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

渐变

#123C55 #2B394A #38373F #423434 #493129 #502E1E #552B12

颜色混合

#123C55

100%

#323844

75:25

#423434

50:50

#4D3023

25:75

#552B12

100%

CSS渐变代码

background: linear-gradient(to right, #123C55, #552B12);
background: linear-gradient(135deg, #123C55, #552B12);

探索每种颜色

#123C55

查看完整颜色详情

#552B12

查看完整颜色详情

相关比较