#398EEB

#398EEB

#EB9639

#EB9639

对比度

1.43:1

Delta E

115.74

Very Different

50:50 混合

#B79196

颜色值

格式 #398EEB #EB9639
HEX #398EEB #EB9639
RGB 57, 142, 235 235, 150, 57
HSL 211.3, 81.7%, 57.3% 31.3, 81.7%, 57.3%
HSV 211.3, 75.7%, 92.2% 31.3, 75.7%, 92.2%
CMYK 75.7%, 39.6%, 0.0%, 7.8% 0.0%, 36.2%, 75.7%, 7.8%
OKLCH 0.641 0.1614 253.4 0.7445 0.1455 64.0

对比度与无障碍

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

文本可读性

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

文本: #EB9639 → 背景色: #398EEB

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

文本: #398EEB → 背景色: #EB9639

色差 (Delta E)

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

渐变

#398EEB #7B8FCF #9E90B2 #B79196 #CB927A #DC945C #EB9639

颜色混合

#398EEB

100%

#8E8FC1

75:25

#B79196

50:50

#D4936B

25:75

#EB9639

100%

CSS渐变代码

background: linear-gradient(to right, #398EEB, #EB9639);
background: linear-gradient(135deg, #398EEB, #EB9639);

探索每种颜色

#398EEB

查看完整颜色详情

#EB9639

查看完整颜色详情

相关比较