#5293EB

#5293EB

#EBAA52

#EBAA52

对比度

1.55:1

Delta E

105.39

Very Different

50:50 混合

#B99DA2

颜色值

格式 #5293EB #EBAA52
HEX #5293EB #EBAA52
RGB 82, 147, 235 235, 170, 82
HSL 214.5, 79.3%, 62.2% 34.5, 79.3%, 62.2%
HSV 214.5, 65.1%, 92.2% 34.5, 65.1%, 92.2%
CMYK 65.1%, 37.4%, 0.0%, 7.8% 0.0%, 27.7%, 65.1%, 7.8%
OKLCH 0.6609 0.1477 256.6 0.7833 0.1289 72.1

对比度与无障碍

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EBAA52 → 背景色: #5293EB

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

文本: #5293EB → 背景色: #EBAA52

色差 (Delta E)

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

渐变

#5293EB #8396D3 #A199BA #B99DA2 #CCA189 #DDA66F #EBAA52

颜色混合

#5293EB

100%

#9398C6

75:25

#B99DA2

50:50

#D5A37C

25:75

#EBAA52

100%

CSS渐变代码

background: linear-gradient(to right, #5293EB, #EBAA52);
background: linear-gradient(135deg, #5293EB, #EBAA52);

探索每种颜色

#5293EB

查看完整颜色详情

#EBAA52

查看完整颜色详情

相关比较