#5098E1

#5098E1

#E19950

#E19950

对比度

1.28:1

Delta E

94.59

Very Different

50:50 混合

#B2989A

颜色值

格式 #5098E1 #E19950
HEX #5098E1 #E19950
RGB 80, 152, 225 225, 153, 80
HSL 210.2, 70.7%, 59.8% 30.2, 70.7%, 59.8%
HSV 210.2, 64.4%, 88.2% 30.2, 64.4%, 88.2%
CMYK 64.4%, 32.4%, 0.0%, 11.8% 0.0%, 32.0%, 64.4%, 11.8%
OKLCH 0.6655 0.131 250.7 0.7403 0.1241 64.1

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #E19950 → 背景色: #5098E1

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

文本: #5098E1 → 背景色: #E19950

色差 (Delta E)

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

渐变

#5098E1 #7E98C9 #9C98B2 #B2989A #C49883 #D3996A #E19950

颜色混合

#5098E1

100%

#8E98BE

75:25

#B2989A

50:50

#CC9876

25:75

#E19950

100%

CSS渐变代码

background: linear-gradient(to right, #5098E1, #E19950);
background: linear-gradient(135deg, #5098E1, #E19950);

探索每种颜色

#5098E1

查看完整颜色详情

#E19950

查看完整颜色详情

相关比较