#36393D

#36393D

#3D3A36

#3D3A36

对比度

1.03:1

Delta E

5.97

Noticeable

50:50 混合

#3A393A

颜色值

格式 #36393D #3D3A36
HEX #36393D #3D3A36
RGB 54, 57, 61 61, 58, 54
HSL 214.3, 6.1%, 22.5% 34.3, 6.1%, 22.5%
HSV 214.3, 11.5%, 23.9% 34.3, 11.5%, 23.9%
CMYK 11.5%, 6.6%, 0.0%, 76.1% 0.0%, 4.9%, 11.5%, 76.1%
OKLCH 0.3432 0.0081 255.5 0.3501 0.008 75.3

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #3D3A36 → 背景色: #36393D

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

文本: #36393D → 背景色: #3D3A36

色差 (Delta E)

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

渐变

#36393D #37393C #38393B #3A393A #3B3A38 #3C3A37 #3D3A36

颜色混合

#36393D

100%

#38393B

75:25

#3A393A

50:50

#3B3A38

25:75

#3D3A36

100%

CSS渐变代码

background: linear-gradient(to right, #36393D, #3D3A36);
background: linear-gradient(135deg, #36393D, #3D3A36);

探索每种颜色

#36393D

查看完整颜色详情

#3D3A36

查看完整颜色详情

相关比较