#0B236F

#0B236F

#6F570B

#6F570B

对比度

2.05:1

Delta E

93.82

Very Different

50:50 混合

#543B45

颜色值

格式 #0B236F #6F570B
HEX #0B236F #6F570B
RGB 11, 35, 111 111, 87, 11
HSL 225.6, 82.0%, 23.9% 45.6, 82.0%, 23.9%
HSV 225.6, 90.1%, 43.5% 45.6, 90.1%, 43.5%
CMYK 90.1%, 68.5%, 0.0%, 56.5% 0.0%, 21.6%, 90.1%, 56.5%
OKLCH 0.2983 0.1342 265.1 0.4685 0.0914 89.0

对比度与无障碍

2.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #6F570B → 背景色: #0B236F

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

文本: #0B236F → 背景色: #6F570B

色差 (Delta E)

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

渐变

#0B236F #342A61 #473253 #543B45 #5F4436 #674D24 #6F570B

颜色混合

#0B236F

100%

#3E2E5A

75:25

#543B45

50:50

#63492D

25:75

#6F570B

100%

CSS渐变代码

background: linear-gradient(to right, #0B236F, #6F570B);
background: linear-gradient(135deg, #0B236F, #6F570B);

探索每种颜色

#0B236F

查看完整颜色详情

#6F570B

查看完整颜色详情

相关比较