#40887A

#40887A

#88404E

#88404E

对比度

1.74:1

Delta E

60.58

Very Different

50:50 混合

#716763

颜色值

格式 #40887A #88404E
HEX #40887A #88404E
RGB 64, 136, 122 136, 64, 78
HSL 168.3, 36.0%, 39.2% 348.3, 36.0%, 39.2%
HSV 168.3, 52.9%, 53.3% 348.3, 52.9%, 53.3%
CMYK 52.9%, 0.0%, 10.3%, 46.7% 0.0%, 52.9%, 42.6%, 46.7%
OKLCH 0.5763 0.0759 179.0 0.4681 0.0991 9.5

对比度与无障碍

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #88404E → 背景色: #40887A

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

文本: #40887A → 背景色: #88404E

色差 (Delta E)

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

渐变

#40887A #567D72 #65726B #716763 #7A5B5C #824E55 #88404E

颜色混合

#40887A

100%

#5E786F

75:25

#716763

50:50

#7E5559

25:75

#88404E

100%

CSS渐变代码

background: linear-gradient(to right, #40887A, #88404E);
background: linear-gradient(135deg, #40887A, #88404E);

探索每种颜色

#40887A

查看完整颜色详情

#88404E

查看完整颜色详情

相关比较