#302C3D

#302C3D

#393D2C

#393D2C

对比度

1.21:1

Delta E

23.79

Noticeable

50:50 混合

#353435

颜色值

格式 #302C3D #393D2C
HEX #302C3D #393D2C
RGB 48, 44, 61 57, 61, 44
HSL 254.1, 16.2%, 20.6% 74.1, 16.2%, 20.6%
HSV 254.1, 27.9%, 23.9% 74.1, 27.9%, 23.9%
CMYK 21.3%, 27.9%, 0.0%, 76.1% 6.6%, 0.0%, 27.9%, 76.1%
OKLCH 0.3048 0.0307 295.3 0.3509 0.0287 118.7

对比度与无障碍

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

文本可读性

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

文本: #393D2C → 背景色: #302C3D

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

文本: #302C3D → 背景色: #393D2C

色差 (Delta E)

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

渐变

#302C3D #322F3A #343238 #353435 #373732 #383A2F #393D2C

颜色混合

#302C3D

100%

#333039

75:25

#353435

50:50

#373930

25:75

#393D2C

100%

CSS渐变代码

background: linear-gradient(to right, #302C3D, #393D2C);
background: linear-gradient(135deg, #302C3D, #393D2C);

探索每种颜色

#302C3D

查看完整颜色详情

#393D2C

查看完整颜色详情

相关比较