#166370

#166370

#702316

#702316

对比度

1.57:1

Delta E

66.27

Very Different

50:50 混合

#5B4742

颜色值

格式 #166370 #702316
HEX #166370 #702316
RGB 22, 99, 112 112, 35, 22
HSL 188.7, 67.2%, 26.3% 8.7, 67.2%, 26.3%
HSV 188.7, 80.4%, 43.9% 8.7, 80.4%, 43.9%
CMYK 80.4%, 11.6%, 0.0%, 56.1% 0.0%, 68.8%, 80.4%, 56.1%
OKLCH 0.4613 0.0732 211.8 0.3737 0.1116 32.0

对比度与无障碍

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #702316 → 背景色: #166370

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

文本: #166370 → 背景色: #702316

色差 (Delta E)

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

渐变

#166370 #3C5A60 #4F5151 #5B4742 #643C33 #6B3124 #702316

颜色混合

#166370

100%

#475558

75:25

#5B4742

50:50

#68372C

25:75

#702316

100%

CSS渐变代码

background: linear-gradient(to right, #166370, #702316);
background: linear-gradient(135deg, #166370, #702316);

探索每种颜色

#166370

查看完整颜色详情

#702316

查看完整颜色详情

相关比较