#143BEB

#143BEB

#EBC414

#EBC414

对比度

4.36:1

Delta E

183.02

Very Different

50:50 混合

#B67B96

颜色值

格式 #143BEB #EBC414
HEX #143BEB #EBC414
RGB 20, 59, 235 235, 196, 20
HSL 229.1, 84.3%, 50.0% 49.1, 84.3%, 50.0%
HSV 229.1, 91.5%, 92.2% 49.1, 91.5%, 92.2%
CMYK 91.5%, 74.9%, 0.0%, 7.8% 0.0%, 16.6%, 91.5%, 7.8%
OKLCH 0.475 0.2607 265.2 0.83 0.1673 94.1

对比度与无障碍

4.36:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #EBC414 → 背景色: #143BEB

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

文本: #143BEB → 背景色: #EBC414

色差 (Delta E)

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

渐变

#143BEB #744ECF #9B64B3 #B67B96 #CB9377 #DDAB53 #EBC414

颜色混合

#143BEB

100%

#8959C1

75:25

#B67B96

50:50

#D49F66

25:75

#EBC414

100%

CSS渐变代码

background: linear-gradient(to right, #143BEB, #EBC414);
background: linear-gradient(135deg, #143BEB, #EBC414);

探索每种颜色

#143BEB

查看完整颜色详情

#EBC414

查看完整颜色详情

相关比较