#314EB0

#314EB0

#B09331

#B09331

对比度

2.48:1

Delta E

114.15

Very Different

50:50 混合

#886E77

颜色值

格式 #314EB0 #B09331
HEX #314EB0 #B09331
RGB 49, 78, 176 176, 147, 49
HSL 226.3, 56.4%, 44.1% 46.3, 56.4%, 44.1%
HSV 226.3, 72.2%, 69.0% 46.3, 72.2%, 69.0%
CMYK 72.2%, 55.7%, 0.0%, 31.0% 0.0%, 16.5%, 72.2%, 31.0%
OKLCH 0.4608 0.1599 267.3 0.672 0.1188 92.1

对比度与无障碍

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B09331 → 背景色: #314EB0

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

文本: #314EB0 → 背景色: #B09331

色差 (Delta E)

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

渐变

#314EB0 #5C589D #75638A #886E77 #987A63 #A5864C #B09331

颜色混合

#314EB0

100%

#6A5D94

75:25

#886E77

50:50

#9E8058

25:75

#B09331

100%

CSS渐变代码

background: linear-gradient(to right, #314EB0, #B09331);
background: linear-gradient(135deg, #314EB0, #B09331);

探索每种颜色

#314EB0

查看完整颜色详情

#B09331

查看完整颜色详情

相关比较