#155C98

#155C98

#985115

#985115

对比度

1.17:1

Delta E

87.09

Very Different

50:50 混合

#76565A

颜色值

格式 #155C98 #985115
HEX #155C98 #985115
RGB 21, 92, 152 152, 81, 21
HSL 207.5, 75.7%, 33.9% 27.5, 75.7%, 33.9%
HSV 207.5, 86.2%, 59.6% 27.5, 86.2%, 59.6%
CMYK 86.2%, 39.5%, 0.0%, 40.4% 0.0%, 46.7%, 86.2%, 40.4%
OKLCH 0.465 0.118 249.5 0.511 0.1167 54.8

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #985115 → 背景色: #155C98

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

文本: #155C98 → 背景色: #985115

色差 (Delta E)

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

渐变

#155C98 #4C5A83 #65586E #76565A #835545 #8F532F #985115

颜色混合

#155C98

100%

#595979

75:25

#76565A

50:50

#89543A

25:75

#985115

100%

CSS渐变代码

background: linear-gradient(to right, #155C98, #985115);
background: linear-gradient(135deg, #155C98, #985115);

探索每种颜色

#155C98

查看完整颜色详情

#985115

查看完整颜色详情

相关比较