#495DBB

#495DBB

#BBA749

#BBA749

对比度

2.45:1

Delta E

108.54

Very Different

50:50 混合

#948087

颜色值

格式 #495DBB #BBA749
HEX #495DBB #BBA749
RGB 73, 93, 187 187, 167, 73
HSL 229.5, 45.6%, 51.0% 49.5, 45.6%, 51.0%
HSV 229.5, 61.0%, 73.3% 49.5, 61.0%, 73.3%
CMYK 61.0%, 50.3%, 0.0%, 26.7% 0.0%, 10.7%, 61.0%, 26.7%
OKLCH 0.5125 0.149 271.2 0.7272 0.1163 97.4

对比度与无障碍

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BBA749 → 背景色: #495DBB

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

文本: #495DBB → 背景色: #BBA749

色差 (Delta E)

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

渐变

#495DBB #6B68AA #827499 #948087 #A38D74 #B09A60 #BBA749

颜色混合

#495DBB

100%

#776EA1

75:25

#948087

50:50

#A9936A

25:75

#BBA749

100%

CSS渐变代码

background: linear-gradient(to right, #495DBB, #BBA749);
background: linear-gradient(135deg, #495DBB, #BBA749);

探索每种颜色

#495DBB

查看完整颜色详情

#BBA749

查看完整颜色详情

相关比较