#6064FD

#6064FD

#FDF960

#FDF960

对比度

3.99:1

Delta E

166.22

Very Different

50:50 混合

#CAABB9

颜色值

格式 #6064FD #FDF960
HEX #6064FD #FDF960
RGB 96, 100, 253 253, 249, 96
HSL 238.5, 97.5%, 68.4% 58.5, 97.5%, 68.4%
HSV 238.5, 62.1%, 99.2% 58.5, 62.1%, 99.2%
CMYK 62.1%, 60.5%, 0.0%, 0.8% 0.0%, 1.6%, 62.1%, 0.8%
OKLCH 0.5893 0.2224 276.0 0.9579 0.1702 107.8

对比度与无障碍

3.99:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF960 → 背景色: #6064FD

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

文本: #6064FD → 背景色: #FDF960

色差 (Delta E)

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

渐变

#6064FD #917BE7 #B193D0 #CAABB9 #DEC59F #EFDF83 #FDF960

颜色混合

#6064FD

100%

#A286DC

75:25

#CAABB9

50:50

#E7D292

25:75

#FDF960

100%

CSS渐变代码

background: linear-gradient(to right, #6064FD, #FDF960);
background: linear-gradient(135deg, #6064FD, #FDF960);

探索每种颜色

#6064FD

查看完整颜色详情

#FDF960

查看完整颜色详情

相关比较