#5259CD

#5259CD

#CDC652

#CDC652

对比度

3.21:1

Delta E

131.34

Very Different

50:50 混合

颜色值

格式 #5259CD #CDC652
HEX #5259CD #CDC652
RGB 82, 89, 205 205, 198, 82
HSL 236.6, 55.2%, 56.3% 56.6, 55.2%, 56.3%
HSV 236.6, 60.0%, 80.4% 56.6, 60.0%, 80.4%
CMYK 60.0%, 56.6%, 0.0%, 19.6% 0.0%, 3.4%, 60.0%, 19.6%
OKLCH 0.5237 0.1766 275.8 0.8101 0.137 105.8

对比度与无障碍

3.21:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CDC652 → 背景色: #5259CD

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

文本: #5259CD → 背景色: #CDC652

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #5259CD, #CDC652);
background: linear-gradient(135deg, #5259CD, #CDC652);

探索每种颜色

相关比较