#174155

#174155

#552B17

#552B17

对比度

1.1:1

Delta E

45.02

Very Different

50:50 混合

#433736

颜色值

格式 #174155 #552B17
HEX #174155 #552B17
RGB 23, 65, 85 85, 43, 23
HSL 199.4, 57.4%, 21.2% 19.4, 57.4%, 21.2%
HSV 199.4, 72.9%, 33.3% 19.4, 72.9%, 33.3%
CMYK 72.9%, 23.5%, 0.0%, 66.7% 0.0%, 49.4%, 72.9%, 66.7%
OKLCH 0.3557 0.0576 232.3 0.3404 0.0695 45.0

对比度与无障碍

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

文本可读性

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

文本: #552B17 → 背景色: #174155

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

文本: #174155 → 背景色: #552B17

色差 (Delta E)

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

渐变

#174155 #2D3E4A #393A40 #433736 #4A332C #502F21 #552B17

颜色混合

#174155

100%

#343C45

75:25

#433736

50:50

#4D3127

25:75

#552B17

100%

CSS渐变代码

background: linear-gradient(to right, #174155, #552B17);
background: linear-gradient(135deg, #174155, #552B17);

探索每种颜色

#174155

查看完整颜色详情

#552B17

查看完整颜色详情

相关比较