#3232DF

#3232DF

#DFDF32

#DFDF32

对比度

5.55:1

Delta E

187.09

Very Different

50:50 混合

颜色值

格式 #3232DF #DFDF32
HEX #3232DF #DFDF32
RGB 50, 50, 223 223, 223, 50
HSL 240.0, 73.0%, 53.5% 60.0, 73.0%, 53.5%
HSV 240.0, 77.6%, 87.5% 60.0, 77.6%, 87.5%
CMYK 77.6%, 77.6%, 0.0%, 12.5% 0.0%, 0.0%, 77.6%, 12.5%
OKLCH 0.4604 0.2487 271.1 0.876 0.1784 109.6

对比度与无障碍

5.55:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDF32 → 背景色: #3232DF

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

文本: #3232DF → 背景色: #DFDF32

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #3232DF, #DFDF32);
background: linear-gradient(135deg, #3232DF, #DFDF32);

探索每种颜色

相关比较