#2F2A3C

#2F2A3C

#373C2A

#373C2A

对比度

1.21:1

Delta E

25.37

Very Different

50:50 混合

#343333

颜色值

格式 #2F2A3C #373C2A
HEX #2F2A3C #373C2A
RGB 47, 42, 60 55, 60, 42
HSL 256.7, 17.6%, 20.0% 76.7, 17.6%, 20.0%
HSV 256.7, 30.0%, 23.5% 76.7, 30.0%, 23.5%
CMYK 21.7%, 30.0%, 0.0%, 76.5% 8.3%, 0.0%, 30.0%, 76.5%
OKLCH 0.2984 0.0328 297.1 0.3458 0.0307 120.6

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #373C2A → 背景色: #2F2A3C

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

文本: #2F2A3C → 背景色: #373C2A

色差 (Delta E)

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

渐变

#2F2A3C #312D39 #323036 #343333 #353630 #36392D #373C2A

颜色混合

#2F2A3C

100%

#322E38

75:25

#343333

50:50

#36372F

25:75

#373C2A

100%

CSS渐变代码

background: linear-gradient(to right, #2F2A3C, #373C2A);
background: linear-gradient(135deg, #2F2A3C, #373C2A);

探索每种颜色

#2F2A3C

查看完整颜色详情

#373C2A

查看完整颜色详情

相关比较