#273B50

#273B50

#503C27

#503C27

对比度

1.1:1

Delta E

32.45

Very Different

50:50 混合

#403B3C

颜色值

格式 #273B50 #503C27
HEX #273B50 #503C27
RGB 39, 59, 80 80, 60, 39
HSL 210.7, 34.5%, 23.3% 30.7, 34.5%, 23.3%
HSV 210.7, 51.2%, 31.4% 30.7, 51.2%, 31.4%
CMYK 51.2%, 26.2%, 0.0%, 68.6% 0.0%, 25.0%, 51.2%, 68.6%
OKLCH 0.3452 0.0451 250.4 0.3726 0.0434 67.2

对比度与无障碍

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

文本可读性

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

文本: #503C27 → 背景色: #273B50

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

文本: #273B50 → 背景色: #503C27

色差 (Delta E)

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

渐变

#273B50 #313B49 #3A3B43 #403B3C #463C35 #4B3C2E #503C27

颜色混合

#273B50

100%

#363B46

75:25

#403B3C

50:50

#493C32

25:75

#503C27

100%

CSS渐变代码

background: linear-gradient(to right, #273B50, #503C27);
background: linear-gradient(135deg, #273B50, #503C27);

探索每种颜色

#273B50

查看完整颜色详情

#503C27

查看完整颜色详情

相关比较