#3649DA

#3649DA

#DAC736

#DAC736

对比度

3.91:1

Delta E

159.69

Very Different

50:50 混合

颜色值

格式 #3649DA #DAC736
HEX #3649DA #DAC736
RGB 54, 73, 218 218, 199, 54
HSL 233.0, 68.9%, 53.3% 53.0, 68.9%, 53.3%
HSV 233.0, 75.2%, 85.5% 53.0, 75.2%, 85.5%
CMYK 75.2%, 66.5%, 0.0%, 14.5% 0.0%, 8.7%, 75.2%, 14.5%
OKLCH 0.4905 0.2195 270.0 0.8215 0.1562 101.5

对比度与无障碍

3.91:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DAC736 → 背景色: #3649DA

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

文本: #3649DA → 背景色: #DAC736

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #3649DA, #DAC736);
background: linear-gradient(135deg, #3649DA, #DAC736);

探索每种颜色

相关比较