#312D3D

#312D3D

#393D2D

#393D2D

对比度

1.19:1

Delta E

22.4

Noticeable

50:50 混合

#363535

颜色值

格式 #312D3D #393D2D
HEX #312D3D #393D2D
RGB 49, 45, 61 57, 61, 45
HSL 255.0, 15.1%, 20.8% 75.0, 15.1%, 20.8%
HSV 255.0, 26.2%, 23.9% 75.0, 26.2%, 23.9%
CMYK 19.7%, 26.2%, 0.0%, 76.1% 6.6%, 0.0%, 26.2%, 76.1%
OKLCH 0.3083 0.0288 296.1 0.3511 0.0272 119.2

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #393D2D → 背景色: #312D3D

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

文本: #312D3D → 背景色: #393D2D

色差 (Delta E)

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

渐变

#312D3D #33303A #343238 #363535 #373833 #383A30 #393D2D

颜色混合

#312D3D

100%

#343139

75:25

#363535

50:50

#373931

25:75

#393D2D

100%

CSS渐变代码

background: linear-gradient(to right, #312D3D, #393D2D);
background: linear-gradient(135deg, #312D3D, #393D2D);

探索每种颜色

#312D3D

查看完整颜色详情

#393D2D

查看完整颜色详情

相关比较