#282136

#282136

#2F3621

#2F3621

对比度

1.23:1

Delta E

30.39

Very Different

50:50 混合

#2D2C2C

颜色值

格式 #282136 #2F3621
HEX #282136 #2F3621
RGB 40, 33, 54 47, 54, 33
HSL 260.0, 24.1%, 17.1% 80.0, 24.1%, 17.1%
HSV 260.0, 38.9%, 21.2% 80.0, 38.9%, 21.2%
CMYK 25.9%, 38.9%, 0.0%, 78.8% 13.0%, 0.0%, 38.9%, 78.8%
OKLCH 0.2658 0.0395 299.0 0.3198 0.0365 123.4

对比度与无障碍

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #2F3621 → 背景色: #282136

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

文本: #282136 → 背景色: #2F3621

色差 (Delta E)

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

渐变

#282136 #2A2533 #2B282F #2D2C2C #2E2F28 #2F3225 #2F3621

颜色混合

#282136

100%

#2B2631

75:25

#2D2C2C

50:50

#2E3127

25:75

#2F3621

100%

CSS渐变代码

background: linear-gradient(to right, #282136, #2F3621);
background: linear-gradient(135deg, #282136, #2F3621);

探索每种颜色

#282136

查看完整颜色详情

#2F3621

查看完整颜色详情

相关比较