#4747DF

#4747DF

#DFDF47

#DFDF47

对比度

4.57:1

Delta E

167.96

Very Different

50:50 混合

颜色值

格式 #4747DF #DFDF47
HEX #4747DF #DFDF47
RGB 71, 71, 223 223, 223, 71
HSL 240.0, 70.4%, 57.6% 60.0, 70.4%, 57.6%
HSV 240.0, 68.2%, 87.5% 60.0, 68.2%, 87.5%
CMYK 68.2%, 68.2%, 0.0%, 12.5% 0.0%, 0.0%, 68.2%, 12.5%
OKLCH 0.5013 0.2235 274.8 0.8772 0.167 109.4

对比度与无障碍

4.57:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDF47 → 背景色: #4747DF

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

文本: #4747DF → 背景色: #DFDF47

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #4747DF, #DFDF47);
background: linear-gradient(135deg, #4747DF, #DFDF47);

探索每种颜色

相关比较