#5C50EB

#5C50EB

#DFEB50

#DFEB50

对比度

4.24:1

Delta E

169.94

Very Different

50:50 混合

#B89BA9

颜色值

格式 #5C50EB #DFEB50
HEX #5C50EB #DFEB50
RGB 92, 80, 235 223, 235, 80
HSL 244.6, 79.5%, 61.8% 64.6, 79.5%, 61.8%
HSV 244.6, 66.0%, 92.2% 64.6, 66.0%, 92.2%
CMYK 60.9%, 66.0%, 0.0%, 7.8% 5.1%, 0.0%, 66.0%, 7.8%
OKLCH 0.5398 0.2239 279.3 0.9034 0.1733 113.6

对比度与无障碍

4.24:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFEB50 → 背景色: #5C50EB

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

文本: #5C50EB → 背景色: #DFEB50

色差 (Delta E)

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

渐变

#5C50EB #8769D6 #A382C0 #B89BA9 #C8B690 #D5D074 #DFEB50

颜色混合

#5C50EB

100%

#9675CB

75:25

#B89BA9

50:50

#CFC383

25:75

#DFEB50

100%

CSS渐变代码

background: linear-gradient(to right, #5C50EB, #DFEB50);
background: linear-gradient(135deg, #5C50EB, #DFEB50);

探索每种颜色

#5C50EB

查看完整颜色详情

#DFEB50

查看完整颜色详情

相关比较