#4F50EC

#4F50EC

#ECEB4F

#ECEB4F

对比度

4.49:1

Delta E

170.93

Very Different

50:50 混合

#BB9AA9

颜色值

格式 #4F50EC #ECEB4F
HEX #4F50EC #ECEB4F
RGB 79, 80, 236 236, 235, 79
HSL 239.6, 80.5%, 61.8% 59.6, 80.5%, 61.8%
HSV 239.6, 66.5%, 92.5% 59.6, 66.5%, 92.5%
CMYK 66.5%, 66.1%, 0.0%, 7.5% 0.0%, 0.4%, 66.5%, 7.5%
OKLCH 0.532 0.2279 275.1 0.9137 0.1712 109.0

对比度与无障碍

4.49:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #ECEB4F → 背景色: #4F50EC

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

文本: #4F50EC → 背景色: #ECEB4F

色差 (Delta E)

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

渐变

#4F50EC #8368D6 #A381C0 #BB9AA9 #CFB590 #DFD074 #ECEB4F

颜色混合

#4F50EC

100%

#9474CC

75:25

#BB9AA9

50:50

#D7C283

25:75

#ECEB4F

100%

CSS渐变代码

background: linear-gradient(to right, #4F50EC, #ECEB4F);
background: linear-gradient(135deg, #4F50EC, #ECEB4F);

探索每种颜色

#4F50EC

查看完整颜色详情

#ECEB4F

查看完整颜色详情

相关比较