#286BC7

#286BC7

#C78428

#C78428

对比度

1.68:1

Delta E

111.5

Very Different

50:50 混合

#9A767D

颜色值

格式 #286BC7 #C78428
HEX #286BC7 #C78428
RGB 40, 107, 199 199, 132, 40
HSL 214.7, 66.5%, 46.9% 34.7, 66.5%, 46.9%
HSV 214.7, 79.9%, 78.0% 34.7, 79.9%, 78.0%
CMYK 79.9%, 46.2%, 0.0%, 22.0% 0.0%, 33.7%, 79.9%, 22.0%
OKLCH 0.536 0.1583 257.5 0.6671 0.1305 69.6

对比度与无障碍

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C78428 → 背景色: #286BC7

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

文本: #286BC7 → 背景色: #C78428

色差 (Delta E)

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

渐变

#286BC7 #656EAE #847296 #9A767D #AB7A64 #BA7F49 #C78428

颜色混合

#286BC7

100%

#7670A2

75:25

#9A767D

50:50

#B37C57

25:75

#C78428

100%

CSS渐变代码

background: linear-gradient(to right, #286BC7, #C78428);
background: linear-gradient(135deg, #286BC7, #C78428);

探索每种颜色

#286BC7

查看完整颜色详情

#C78428

查看完整颜色详情

相关比较