#5963F4

#5963F4

#F4EA59

#F4EA59

对比度

3.71:1

Delta E

158.44

Very Different

50:50 混合

#C1A3B0

颜色值

格式 #5963F4 #F4EA59
HEX #5963F4 #F4EA59
RGB 89, 99, 244 244, 234, 89
HSL 236.1, 87.6%, 65.3% 56.1, 87.6%, 65.3%
HSV 236.1, 63.5%, 95.7% 56.1, 63.5%, 95.7%
CMYK 63.5%, 59.4%, 0.0%, 4.3% 0.0%, 4.1%, 63.5%, 4.3%
OKLCH 0.5761 0.2138 274.5 0.919 0.1622 105.4

对比度与无障碍

3.71:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #F4EA59 → 背景色: #5963F4

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

文本: #5963F4 → 背景色: #F4EA59

色差 (Delta E)

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

渐变

#5963F4 #8A77DE #A98DC7 #C1A3B0 #D5BA97 #E6D27B #F4EA59

颜色混合

#5963F4

100%

#9B82D3

75:25

#C1A3B0

50:50

#DEC68A

25:75

#F4EA59

100%

CSS渐变代码

background: linear-gradient(to right, #5963F4, #F4EA59);
background: linear-gradient(135deg, #5963F4, #F4EA59);

探索每种颜色

#5963F4

查看完整颜色详情

#F4EA59

查看完整颜色详情

相关比较