#1D0BAF

#1D0BAF

#9DAF0B

#9DAF0B

对比度

4.99:1

Delta E

173.57

Very Different

50:50 混合

#836173

颜色值

格式 #1D0BAF #9DAF0B
HEX #1D0BAF #9DAF0B
RGB 29, 11, 175 157, 175, 11
HSL 246.6, 88.2%, 36.5% 66.6, 88.2%, 36.5%
HSV 246.6, 93.7%, 68.6% 66.6, 93.7%, 68.6%
CMYK 83.4%, 93.7%, 0.0%, 31.4% 10.3%, 0.0%, 93.7%, 31.4%
OKLCH 0.3561 0.2259 269.7 0.7152 0.1628 116.9

对比度与无障碍

4.99:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9DAF0B → 背景色: #1D0BAF

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

文本: #1D0BAF → 背景色: #9DAF0B

色差 (Delta E)

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

渐变

#1D0BAF #562C9C #714788 #836173 #8F7B5D #989541 #9DAF0B

颜色混合

#1D0BAF

100%

#653A92

75:25

#836173

50:50

#948850

25:75

#9DAF0B

100%

CSS渐变代码

background: linear-gradient(to right, #1D0BAF, #9DAF0B);
background: linear-gradient(135deg, #1D0BAF, #9DAF0B);

探索每种颜色

#1D0BAF

查看完整颜色详情

#9DAF0B

查看完整颜色详情

相关比较