#102083

#102083

#837310

#837310

对比度

2.84:1

Delta E

117.28

Very Different

50:50 混合

#654754

颜色值

格式 #102083 #837310
HEX #102083 #837310
RGB 16, 32, 131 131, 115, 16
HSL 231.7, 78.2%, 28.8% 51.7, 78.2%, 28.8%
HSV 231.7, 87.8%, 51.4% 51.7, 87.8%, 51.4%
CMYK 87.8%, 75.6%, 0.0%, 48.6% 0.0%, 12.2%, 87.8%, 48.6%
OKLCH 0.3168 0.1635 267.2 0.554 0.11 99.0

对比度与无障碍

2.84:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #837310 → 背景色: #102083

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

文本: #102083 → 背景色: #837310

色差 (Delta E)

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

渐变

#102083 #3F2C74 #553964 #654754 #715543 #7B642F #837310

颜色混合

#102083

100%

#4B336C

75:25

#654754

50:50

#765D3A

25:75

#837310

100%

CSS渐变代码

background: linear-gradient(to right, #102083, #837310);
background: linear-gradient(135deg, #102083, #837310);

探索每种颜色

#102083

查看完整颜色详情

#837310

查看完整颜色详情

相关比较