#290BA4

#290BA4

#86A40B

#86A40B

对比度

4.37:1

Delta E

165.13

Very Different

50:50 混合

#765D6C

颜色值

格式 #290BA4 #86A40B
HEX #290BA4 #86A40B
RGB 41, 11, 164 134, 164, 11
HSL 251.8, 87.4%, 34.3% 71.8, 87.4%, 34.3%
HSV 251.8, 93.3%, 64.3% 71.8, 93.3%, 64.3%
CMYK 75.0%, 93.3%, 0.0%, 35.7% 18.3%, 0.0%, 93.3%, 35.7%
OKLCH 0.349 0.2108 274.9 0.6718 0.1603 121.9

对比度与无障碍

4.37:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #86A40B → 背景色: #290BA4

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

文本: #290BA4 → 背景色: #86A40B

色差 (Delta E)

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

渐变

#290BA4 #532B92 #68447F #765D6C #7F7456 #848C3C #86A40B

颜色混合

#290BA4

100%

#5F3888

75:25

#765D6C

50:50

#82804A

25:75

#86A40B

100%

CSS渐变代码

background: linear-gradient(to right, #290BA4, #86A40B);
background: linear-gradient(135deg, #290BA4, #86A40B);

探索每种颜色

#290BA4

查看完整颜色详情

#86A40B

查看完整颜色详情

相关比较