#0D2150

#0D2150

#503C0D

#503C0D

对比度

1.48:1

Delta E

63.54

Very Different

50:50 混合

#3C2D32

颜色值

格式 #0D2150 #503C0D
HEX #0D2150 #503C0D
RGB 13, 33, 80 80, 60, 13
HSL 222.1, 72.0%, 18.2% 42.1, 72.0%, 18.2%
HSV 222.1, 83.8%, 31.4% 42.1, 83.8%, 31.4%
CMYK 83.7%, 58.8%, 0.0%, 68.6% 0.0%, 25.0%, 83.7%, 68.6%
OKLCH 0.2639 0.0903 263.9 0.3689 0.0674 84.3

对比度与无障碍

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #503C0D → 背景色: #0D2150

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

文本: #0D2150 → 背景色: #503C0D

色差 (Delta E)

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

渐变

#0D2150 #252546 #32293C #3C2D32 #443227 #4A371C #503C0D

颜色混合

#0D2150

100%

#2C2741

75:25

#3C2D32

50:50

#473422

25:75

#503C0D

100%

CSS渐变代码

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

探索每种颜色

#0D2150

查看完整颜色详情

#503C0D

查看完整颜色详情

相关比较