#503C67

#503C67

#53673C

#53673C

对比度

1.54:1

Delta E

56.87

Very Different

50:50 混合

#555253

颜色值

格式 #503C67 #53673C
HEX #503C67 #53673C
RGB 80, 60, 103 83, 103, 60
HSL 267.9, 26.4%, 32.0% 87.9, 26.4%, 32.0%
HSV 267.9, 41.7%, 40.4% 87.9, 41.7%, 40.4%
CMYK 22.3%, 41.7%, 0.0%, 59.6% 19.4%, 0.0%, 41.7%, 59.6%
OKLCH 0.397 0.0743 304.7 0.4858 0.0691 129.0

对比度与无障碍

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #53673C → 背景色: #503C67

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

文本: #503C67 → 背景色: #53673C

色差 (Delta E)

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

渐变

#503C67 #524360 #544B5A #555253 #55594C #546044 #53673C

颜色混合

#503C67

100%

#53475D

75:25

#555253

50:50

#555C48

25:75

#53673C

100%

CSS渐变代码

background: linear-gradient(to right, #503C67, #53673C);
background: linear-gradient(135deg, #503C67, #53673C);

探索每种颜色

#503C67

查看完整颜色详情

#53673C

查看完整颜色详情

相关比较