#5962FD

#5962FD

#FDF459

#FDF459

对比度

3.98:1

Delta E

167.98

Very Different

50:50 混合

#C8A8B6

颜色值

格式 #5962FD #FDF459
HEX #5962FD #FDF459
RGB 89, 98, 253 253, 244, 89
HSL 236.7, 97.6%, 67.1% 56.7, 97.6%, 67.1%
HSV 236.7, 64.8%, 99.2% 56.7, 64.8%, 99.2%
CMYK 64.8%, 61.3%, 0.0%, 0.8% 0.0%, 3.6%, 64.8%, 0.8%
OKLCH 0.5816 0.2263 274.4 0.947 0.1705 106.0

对比度与无障碍

3.98:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF459 → 背景色: #5962FD

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

文本: #5962FD → 背景色: #FDF459

色差 (Delta E)

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

渐变

#5962FD #8E78E6 #AF8FCE #C8A8B6 #DDC19B #EEDA7E #FDF459

颜色混合

#5962FD

100%

#A084DA

75:25

#C8A8B6

50:50

#E6CD8D

25:75

#FDF459

100%

CSS渐变代码

background: linear-gradient(to right, #5962FD, #FDF459);
background: linear-gradient(135deg, #5962FD, #FDF459);

探索每种颜色

#5962FD

查看完整颜色详情

#FDF459

查看完整颜色详情

相关比较