#0E2250

#0E2250

#503C0E

#503C0E

对比度

1.46:1

Delta E

62.38

Very Different

50:50 混合

#3C2E32

颜色值

格式 #0E2250 #503C0E
HEX #0E2250 #503C0E
RGB 14, 34, 80 80, 60, 14
HSL 221.8, 70.2%, 18.4% 41.8, 70.2%, 18.4%
HSV 221.8, 82.5%, 31.4% 41.8, 82.5%, 31.4%
CMYK 82.5%, 57.5%, 0.0%, 68.6% 0.0%, 25.0%, 82.5%, 68.6%
OKLCH 0.2668 0.0885 263.8 0.369 0.0667 84.0

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #503C0E → 背景色: #0E2250

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

文本: #0E2250 → 背景色: #503C0E

色差 (Delta E)

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

渐变

#0E2250 #252646 #322A3C #3C2E32 #443228 #4A371C #503C0E

颜色混合

#0E2250

100%

#2D2841

75:25

#3C2E32

50:50

#473522

25:75

#503C0E

100%

CSS渐变代码

background: linear-gradient(to right, #0E2250, #503C0E);
background: linear-gradient(135deg, #0E2250, #503C0E);

探索每种颜色

#0E2250

查看完整颜色详情

#503C0E

查看完整颜色详情

相关比较