#6764DF

#6764DF

#DCDF64

#DCDF64

对比度

3.31:1

Delta E

137.4

Very Different

50:50 混合

颜色值

格式 #6764DF #DCDF64
HEX #6764DF #DCDF64
RGB 103, 100, 223 220, 223, 100
HSL 241.5, 65.8%, 63.3% 61.5, 65.8%, 63.3%
HSV 241.5, 55.2%, 87.5% 61.5, 55.2%, 87.5%
CMYK 53.8%, 55.2%, 0.0%, 12.5% 1.3%, 0.0%, 55.2%, 12.5%
OKLCH 0.5715 0.1822 280.0 0.8774 0.1456 110.3

对比度与无障碍

3.31:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DCDF64 → 背景色: #6764DF

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

文本: #6764DF → 背景色: #DCDF64

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #6764DF, #DCDF64);
background: linear-gradient(135deg, #6764DF, #DCDF64);

探索每种颜色

相关比较