#5966F7

#5966F7

#F7EA59

#F7EA59

对比度

3.61:1

Delta E

158.03

Very Different

50:50 混合

#C4A5B2

颜色值

格式 #5966F7 #F7EA59
HEX #5966F7 #F7EA59
RGB 89, 102, 247 247, 234, 89
HSL 235.1, 90.8%, 65.9% 55.1, 90.8%, 65.9%
HSV 235.1, 64.0%, 96.9% 55.1, 64.0%, 96.9%
CMYK 64.0%, 58.7%, 0.0%, 3.1% 0.0%, 5.3%, 64.0%, 3.1%
OKLCH 0.5837 0.2141 273.8 0.9216 0.162 104.2

对比度与无障碍

3.61:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #F7EA59 → 背景色: #5966F7

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

文本: #5966F7 → 背景色: #F7EA59

色差 (Delta E)

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

渐变

#5966F7 #8B7AE0 #AB8FC9 #C4A5B2 #D8BB98 #E8D27C #F7EA59

颜色混合

#5966F7

100%

#9C84D5

75:25

#C4A5B2

50:50

#E0C78A

25:75

#F7EA59

100%

CSS渐变代码

background: linear-gradient(to right, #5966F7, #F7EA59);
background: linear-gradient(135deg, #5966F7, #F7EA59);

探索每种颜色

#5966F7

查看完整颜色详情

#F7EA59

查看完整颜色详情

相关比较