#2B527C

#2B527C

#7C552B

#7C552B

对比度

1.23:1

Delta E

59.73

Very Different

50:50 混合

#615355

颜色值

格式 #2B527C #7C552B
HEX #2B527C #7C552B
RGB 43, 82, 124 124, 85, 43
HSL 211.1, 48.5%, 32.7% 31.1, 48.5%, 32.7%
HSV 211.1, 65.3%, 48.6% 31.1, 65.3%, 48.6%
CMYK 65.3%, 33.9%, 0.0%, 51.4% 0.0%, 31.5%, 65.3%, 51.4%
OKLCH 0.4305 0.083 251.9 0.4828 0.0775 66.1

对比度与无障碍

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #7C552B → 背景色: #2B527C

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

文本: #2B527C → 背景色: #7C552B

色差 (Delta E)

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

渐变

#2B527C #44526F #545362 #615355 #6B5447 #74543A #7C552B

颜色混合

#2B527C

100%

#4D5268

75:25

#615355

50:50

#705440

25:75

#7C552B

100%

CSS渐变代码

background: linear-gradient(to right, #2B527C, #7C552B);
background: linear-gradient(135deg, #2B527C, #7C552B);

探索每种颜色

#2B527C

查看完整颜色详情

#7C552B

查看完整颜色详情

相关比较