#20393D

#20393D

#3D2420

#3D2420

对比度

1.16:1

Delta E

24.21

Noticeable

50:50 混合

#332F2E

颜色值

格式 #20393D #3D2420
HEX #20393D #3D2420
RGB 32, 57, 61 61, 36, 32
HSL 188.3, 31.2%, 18.2% 8.3, 31.2%, 18.2%
HSV 188.3, 47.5%, 23.9% 8.3, 47.5%, 23.9%
CMYK 47.5%, 6.6%, 0.0%, 76.1% 0.0%, 41.0%, 47.5%, 76.1%
OKLCH 0.3261 0.0317 208.6 0.2911 0.0393 29.6

对比度与无障碍

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #3D2420 → 背景色: #20393D

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

文本: #20393D → 背景色: #3D2420

色差 (Delta E)

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

渐变

#20393D #283638 #2E3233 #332F2E #372B29 #3A2825 #3D2420

颜色混合

#20393D

100%

#2B3436

75:25

#332F2E

50:50

#382A27

25:75

#3D2420

100%

CSS渐变代码

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

探索每种颜色

#20393D

查看完整颜色详情

#3D2420

查看完整颜色详情

相关比较