#4340DF

#4340DF

#DCDF40

#DCDF40

对比度

4.83:1

Delta E

174.67

Very Different

50:50 混合

颜色值

格式 #4340DF #DCDF40
HEX #4340DF #DCDF40
RGB 67, 64, 223 220, 223, 64
HSL 241.1, 71.3%, 56.3% 61.1, 71.3%, 56.3%
HSV 241.1, 71.3%, 87.5% 61.1, 71.3%, 87.5%
CMYK 70.0%, 71.3%, 0.0%, 12.5% 1.3%, 0.0%, 71.3%, 12.5%
OKLCH 0.4885 0.2317 274.4 0.8743 0.1718 110.6

对比度与无障碍

4.83:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DCDF40 → 背景色: #4340DF

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

文本: #4340DF → 背景色: #DCDF40

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #4340DF, #DCDF40);
background: linear-gradient(135deg, #4340DF, #DCDF40);

探索每种颜色

相关比较