#558CE2

#558CE2

#E2AB55

#E2AB55

对比度

1.63:1

Delta E

101.49

Very Different

50:50 混合

#B29A9F

颜色值

格式 #558CE2 #E2AB55
HEX #558CE2 #E2AB55
RGB 85, 140, 226 226, 171, 85
HSL 216.6, 70.9%, 61.0% 36.6, 70.9%, 61.0%
HSV 216.6, 62.4%, 88.6% 36.6, 62.4%, 88.6%
CMYK 62.4%, 38.1%, 0.0%, 11.4% 0.0%, 24.3%, 62.4%, 11.4%
OKLCH 0.642 0.1422 259.0 0.7758 0.1215 76.4

对比度与无障碍

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #E2AB55 → 背景色: #558CE2

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

文本: #558CE2 → 背景色: #E2AB55

色差 (Delta E)

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

渐变

#558CE2 #8090CC #9C95B5 #B29A9F #C4A087 #D4A56F #E2AB55

颜色混合

#558CE2

100%

#8F93C0

75:25

#B29A9F

50:50

#CDA27C

25:75

#E2AB55

100%

CSS渐变代码

background: linear-gradient(to right, #558CE2, #E2AB55);
background: linear-gradient(135deg, #558CE2, #E2AB55);

探索每种颜色

#558CE2

查看完整颜色详情

#E2AB55

查看完整颜色详情

相关比较