#140796

#140796

#899607

#899607

对比度

4.28:1

Delta E

155.29

Very Different

50:50 混合

#705262

颜色值

格式 #140796 #899607
HEX #140796 #899607
RGB 20, 7, 150 137, 150, 7
HSL 245.5, 91.1%, 30.8% 65.5, 91.1%, 30.8%
HSV 245.5, 95.3%, 58.8% 65.5, 95.3%, 58.8%
CMYK 86.7%, 95.3%, 0.0%, 41.2% 8.7%, 0.0%, 95.3%, 41.2%
OKLCH 0.3158 0.203 268.7 0.6406 0.1445 115.8

对比度与无障碍

4.28:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #899607 → 背景色: #140796

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

文本: #140796 → 背景色: #899607

色差 (Delta E)

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

渐变

#140796 #482485 #603B74 #705262 #7C684F #847F36 #899607

颜色混合

#140796

100%

#56307D

75:25

#705262

50:50

#807443

25:75

#899607

100%

CSS渐变代码

background: linear-gradient(to right, #140796, #899607);
background: linear-gradient(135deg, #140796, #899607);

探索每种颜色

#140796

查看完整颜色详情

#899607

查看完整颜色详情

相关比较