#220877

#220877

#5D7708

#5D7708

对比度

3.0:1

Delta E

129.04

Very Different

50:50 混合

#54434D

颜色值

格式 #220877 #5D7708
HEX #220877 #5D7708
RGB 34, 8, 119 93, 119, 8
HSL 254.1, 87.4%, 24.9% 74.1, 87.4%, 24.9%
HSV 254.1, 93.3%, 46.7% 74.1, 93.3%, 46.7%
CMYK 71.4%, 93.3%, 0.0%, 53.3% 21.8%, 0.0%, 93.3%, 53.3%
OKLCH 0.2841 0.1637 278.7 0.5295 0.128 123.7

对比度与无障碍

3.0:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #5D7708 → 背景色: #220877

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

文本: #220877 → 背景色: #5D7708

色差 (Delta E)

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

渐变

#220877 #3C1F69 #4B315C #54434D #5A543D #5D662A #5D7708

颜色混合

#220877

100%

#452863

75:25

#54434D

50:50

#5C5D34

25:75

#5D7708

100%

CSS渐变代码

background: linear-gradient(to right, #220877, #5D7708);
background: linear-gradient(135deg, #220877, #5D7708);

探索每种颜色

#220877

查看完整颜色详情

#5D7708

查看完整颜色详情

相关比较