#6565DF

#6565DF

#DFDF65

#DFDF65

对比度

3.32:1

Delta E

136.39

Very Different

50:50 混合

颜色值

格式 #6565DF #DFDF65
HEX #6565DF #DFDF65
RGB 101, 101, 223 223, 223, 101
HSL 240.0, 65.6%, 63.5% 60.0, 65.6%, 63.5%
HSV 240.0, 54.7%, 87.5% 60.0, 54.7%, 87.5%
CMYK 54.7%, 54.7%, 0.0%, 12.5% 0.0%, 0.0%, 54.7%, 12.5%
OKLCH 0.5719 0.1813 279.0 0.8799 0.1442 109.0

对比度与无障碍

3.32:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDF65 → 背景色: #6565DF

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

文本: #6565DF → 背景色: #DFDF65

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #6565DF, #DFDF65);
background: linear-gradient(135deg, #6565DF, #DFDF65);

探索每种颜色

相关比较