#2C1AAF

#2C1AAF

#9DAF1A

#9DAF1A

对比度

4.58:1

Delta E

164.89

Very Different

50:50 混合

#836675

颜色值

格式 #2C1AAF #9DAF1A
HEX #2C1AAF #9DAF1A
RGB 44, 26, 175 157, 175, 26
HSL 247.2, 74.1%, 39.4% 67.2, 74.1%, 39.4%
HSV 247.2, 85.1%, 68.6% 67.2, 85.1%, 68.6%
CMYK 74.9%, 85.1%, 0.0%, 31.4% 10.3%, 0.0%, 85.1%, 31.4%
OKLCH 0.376 0.2142 274.2 0.7156 0.1587 117.1

对比度与无障碍

4.58:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9DAF1A → 背景色: #2C1AAF

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

文本: #2C1AAF → 背景色: #9DAF1A

色差 (Delta E)

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

渐变

#2C1AAF #5A359C #734D89 #836675 #8F7E5F #989645 #9DAF1A

颜色混合

#2C1AAF

100%

#684193

75:25

#836675

50:50

#948A53

25:75

#9DAF1A

100%

CSS渐变代码

background: linear-gradient(to right, #2C1AAF, #9DAF1A);
background: linear-gradient(135deg, #2C1AAF, #9DAF1A);

探索每种颜色

#2C1AAF

查看完整颜色详情

#9DAF1A

查看完整颜色详情

相关比较