#166360

#166360

#631619

#631619

对比度

1.8:1

Delta E

64.2

Very Different

50:50 混合

#52423B

颜色值

格式 #166360 #631619
HEX #166360 #631619
RGB 22, 99, 96 99, 22, 25
HSL 177.7, 63.6%, 23.7% 357.7, 63.6%, 23.7%
HSV 177.7, 77.8%, 38.8% 357.7, 77.8%, 38.8%
CMYK 77.8%, 0.0%, 3.0%, 61.2% 0.0%, 77.8%, 74.7%, 61.2%
OKLCH 0.4547 0.0712 191.0 0.334 0.1094 23.5

对比度与无障碍

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #631619 → 背景色: #166360

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

文本: #166360 → 背景色: #631619

色差 (Delta E)

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

渐变

#166360 #375853 #474D47 #52423B #5A362F #5F2824 #631619

颜色混合

#166360

100%

#40534D

75:25

#52423B

50:50

#5D2F29

25:75

#631619

100%

CSS渐变代码

background: linear-gradient(to right, #166360, #631619);
background: linear-gradient(135deg, #166360, #631619);

探索每种颜色

#166360

查看完整颜色详情

#631619

查看完整颜色详情

相关比较