#4091EB

#4091EB

#EB9A40

#EB9A40

对比度

1.43:1

Delta E

111.96

Very Different

50:50 混合

#B89499

颜色值

格式 #4091EB #EB9A40
HEX #4091EB #EB9A40
RGB 64, 145, 235 235, 154, 64
HSL 211.6, 81.0%, 58.6% 31.6, 81.0%, 58.6%
HSV 211.6, 72.8%, 92.2% 31.6, 72.8%, 92.2%
CMYK 72.8%, 38.3%, 0.0%, 7.8% 0.0%, 34.5%, 72.8%, 7.8%
OKLCH 0.6498 0.1562 253.4 0.7522 0.1411 65.1

对比度与无障碍

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EB9A40 → 背景色: #4091EB

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

文本: #4091EB → 背景色: #EB9A40

色差 (Delta E)

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

渐变

#4091EB #7D92D0 #9F93B4 #B89499 #CC967D #DC9861 #EB9A40

颜色混合

#4091EB

100%

#8F92C2

75:25

#B89499

50:50

#D4976F

25:75

#EB9A40

100%

CSS渐变代码

background: linear-gradient(to right, #4091EB, #EB9A40);
background: linear-gradient(135deg, #4091EB, #EB9A40);

探索每种颜色

#4091EB

查看完整颜色详情

#EB9A40

查看完整颜色详情

相关比较