#0D3755

#0D3755

#552B0D

#552B0D

对比度

1.03:1

Delta E

52.63

Very Different

50:50 混合

#413132

颜色值

格式 #0D3755 #552B0D
HEX #0D3755 #552B0D
RGB 13, 55, 85 85, 43, 13
HSL 205.0, 73.5%, 19.2% 25.0, 73.5%, 19.2%
HSV 205.0, 84.7%, 33.3% 25.0, 84.7%, 33.3%
CMYK 84.7%, 35.3%, 0.0%, 66.7% 0.0%, 49.4%, 84.7%, 66.7%
OKLCH 0.3249 0.0698 244.4 0.3391 0.0745 52.3

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #552B0D → 背景色: #0D3755

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

文本: #0D3755 → 背景色: #552B0D

色差 (Delta E)

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

渐变

#0D3755 #293549 #37333D #413132 #492F26 #4F2D1A #552B0D

颜色混合

#0D3755

100%

#313443

75:25

#413132

50:50

#4C2E20

25:75

#552B0D

100%

CSS渐变代码

background: linear-gradient(to right, #0D3755, #552B0D);
background: linear-gradient(135deg, #0D3755, #552B0D);

探索每种颜色

#0D3755

查看完整颜色详情

#552B0D

查看完整颜色详情

相关比较