#2B4C76

#2B4C76

#76552B

#76552B

对比度

1.29:1

Delta E

57.92

Very Different

50:50 混合

#5C5052

颜色值

格式 #2B4C76 #76552B
HEX #2B4C76 #76552B
RGB 43, 76, 118 118, 85, 43
HSL 213.6, 46.6%, 31.6% 33.6, 46.6%, 31.6%
HSV 213.6, 63.6%, 46.3% 33.6, 63.6%, 46.3%
CMYK 63.6%, 35.6%, 0.0%, 53.7% 0.0%, 28.0%, 63.6%, 53.7%
OKLCH 0.4122 0.0809 255.2 0.4754 0.0727 71.1

对比度与无障碍

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #76552B → 背景色: #2B4C76

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

文本: #2B4C76 → 背景色: #76552B

色差 (Delta E)

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

渐变

#2B4C76 #414D6A #514F5E #5C5052 #665245 #6F5339 #76552B

颜色混合

#2B4C76

100%

#4A4E64

75:25

#5C5052

50:50

#6A523F

25:75

#76552B

100%

CSS渐变代码

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

探索每种颜色

#2B4C76

查看完整颜色详情

#76552B

查看完整颜色详情

相关比较