#332E3C

#332E3C

#373C2E

#373C2E

对比度

1.16:1

Delta E

19.82

Noticeable

50:50 混合

#353535

颜色值

格式 #332E3C #373C2E
HEX #332E3C #373C2E
RGB 51, 46, 60 55, 60, 46
HSL 261.4, 13.2%, 20.8% 81.4, 13.2%, 20.8%
HSV 261.4, 23.3%, 23.5% 81.4, 23.3%, 23.5%
CMYK 15.0%, 23.3%, 0.0%, 76.5% 8.3%, 0.0%, 23.3%, 76.5%
OKLCH 0.3123 0.0256 301.2 0.3469 0.0245 123.6

对比度与无障碍

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #373C2E → 背景色: #332E3C

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

文本: #332E3C → 背景色: #373C2E

色差 (Delta E)

19.82 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#332E3C #34303A #353337 #353535 #363733 #373A30 #373C2E

颜色混合

#332E3C

100%

#343239

75:25

#353535

50:50

#363832

25:75

#373C2E

100%

CSS渐变代码

background: linear-gradient(to right, #332E3C, #373C2E);
background: linear-gradient(135deg, #332E3C, #373C2E);

探索每种颜色

#332E3C

查看完整颜色详情

#373C2E

查看完整颜色详情

相关比较