#102194

#102194

#948310

#948310

对比度

3.31:1

Delta E

132.03

Very Different

50:50 混合

#724F5F

颜色值

格式 #102194 #948310
HEX #102194 #948310
RGB 16, 33, 148 148, 131, 16
HSL 232.3, 80.5%, 32.2% 52.3, 80.5%, 32.2%
HSV 232.3, 89.2%, 58.0% 52.3, 89.2%, 58.0%
CMYK 89.2%, 77.7%, 0.0%, 42.0% 0.0%, 11.5%, 89.2%, 42.0%
OKLCH 0.3382 0.1839 266.7 0.6072 0.1221 99.7

对比度与无障碍

3.31:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #948310 → 背景色: #102194

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

文本: #102194 → 背景色: #948310

色差 (Delta E)

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

渐变

#102194 #472F83 #603F71 #724F5F #80604C #8B7235 #948310

颜色混合

#102194

100%

#55377A

75:25

#724F5F

50:50

#866941

25:75

#948310

100%

CSS渐变代码

background: linear-gradient(to right, #102194, #948310);
background: linear-gradient(135deg, #102194, #948310);

探索每种颜色

#102194

查看完整颜色详情

#948310

查看完整颜色详情

相关比较