#5D51EB

#5D51EB

#DFEB51

#DFEB51

对比度

4.2:1

Delta E

168.93

Very Different

50:50 混合

#B89CA9

颜色值

格式 #5D51EB #DFEB51
HEX #5D51EB #DFEB51
RGB 93, 81, 235 223, 235, 81
HSL 244.7, 79.4%, 62.0% 64.7, 79.4%, 62.0%
HSV 244.7, 65.5%, 92.2% 64.7, 65.5%, 92.2%
CMYK 60.4%, 65.5%, 0.0%, 7.8% 5.1%, 0.0%, 65.5%, 7.8%
OKLCH 0.5421 0.2226 279.4 0.9035 0.1727 113.7

对比度与无障碍

4.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFEB51 → 背景色: #5D51EB

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

文本: #5D51EB → 背景色: #DFEB51

色差 (Delta E)

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

渐变

#5D51EB #8769D6 #A382C0 #B89CA9 #C8B691 #D5D075 #DFEB51

颜色混合

#5D51EB

100%

#9676CB

75:25

#B89CA9

50:50

#CFC383

25:75

#DFEB51

100%

CSS渐变代码

background: linear-gradient(to right, #5D51EB, #DFEB51);
background: linear-gradient(135deg, #5D51EB, #DFEB51);

探索每种颜色

#5D51EB

查看完整颜色详情

#DFEB51

查看完整颜色详情

相关比较