#178366

#178366

#831734

#831734

对比度

2.09:1

Delta E

84.84

Very Different

50:50 混合

#69584C

颜色值

格式 #178366 #831734
HEX #178366 #831734
RGB 23, 131, 102 131, 23, 52
HSL 163.9, 70.1%, 30.2% 343.9, 70.1%, 30.2%
HSV 163.9, 82.4%, 51.4% 343.9, 82.4%, 51.4%
CMYK 82.4%, 0.0%, 22.1%, 48.6% 0.0%, 82.4%, 60.3%, 48.6%
OKLCH 0.5452 0.1028 169.2 0.4027 0.142 11.6

对比度与无障碍

2.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #831734 → 背景色: #178366

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

文本: #178366 → 背景色: #831734

色差 (Delta E)

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

渐变

#178366 #44755D #5A6754 #69584C #744744 #7C343C #831734

颜色混合

#178366

100%

#506E59

75:25

#69584C

50:50

#783E40

25:75

#831734

100%

CSS渐变代码

background: linear-gradient(to right, #178366, #831734);
background: linear-gradient(135deg, #178366, #831734);

探索每种颜色

#178366

查看完整颜色详情

#831734

查看完整颜色详情

相关比较