#3C91EB

#3C91EB

#EB963C

#EB963C

对比度

1.39:1

Delta E

113.24

Very Different

50:50 混合

#B89397

颜色值

格式 #3C91EB #EB963C
HEX #3C91EB #EB963C
RGB 60, 145, 235 235, 150, 60
HSL 210.9, 81.4%, 57.8% 30.9, 81.4%, 57.8%
HSV 210.9, 74.5%, 92.2% 30.9, 74.5%, 92.2%
CMYK 74.5%, 38.3%, 0.0%, 7.8% 0.0%, 36.2%, 74.5%, 7.8%
OKLCH 0.6485 0.1574 252.6 0.7447 0.1441 63.4

对比度与无障碍

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EB963C → 背景色: #3C91EB

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

文本: #3C91EB → 背景色: #EB963C

色差 (Delta E)

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

渐变

#3C91EB #7C91CF #9E92B3 #B89397 #CC947B #DC955E #EB963C

颜色混合

#3C91EB

100%

#8F91C1

75:25

#B89397

50:50

#D4946D

25:75

#EB963C

100%

CSS渐变代码

background: linear-gradient(to right, #3C91EB, #EB963C);
background: linear-gradient(135deg, #3C91EB, #EB963C);

探索每种颜色

#3C91EB

查看完整颜色详情

#EB963C

查看完整颜色详情

相关比较