#2B5F89

#2B5F89

#89552B

#89552B

对比度

1.1:1

Delta E

64.71

Very Different

50:50 混合

#6C5A5B

颜色值

格式 #2B5F89 #89552B
HEX #2B5F89 #89552B
RGB 43, 95, 137 137, 85, 43
HSL 206.8, 52.2%, 35.3% 26.8, 52.2%, 35.3%
HSV 206.8, 68.6%, 53.7% 26.8, 68.6%, 53.7%
CMYK 68.6%, 30.7%, 0.0%, 46.3% 0.0%, 38.0%, 68.6%, 46.3%
OKLCH 0.47 0.0881 245.6 0.4996 0.0895 57.6

对比度与无障碍

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #89552B → 背景色: #2B5F89

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

文本: #2B5F89 → 背景色: #89552B

色差 (Delta E)

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

渐变

#2B5F89 #4A5D79 #5D5C6A #6C5A5B #77584B #81573C #89552B

颜色混合

#2B5F89

100%

#555D72

75:25

#6C5A5B

50:50

#7C5844

25:75

#89552B

100%

CSS渐变代码

background: linear-gradient(to right, #2B5F89, #89552B);
background: linear-gradient(135deg, #2B5F89, #89552B);

探索每种颜色

#2B5F89

查看完整颜色详情

#89552B

查看完整颜色详情

相关比较