#465286

#465286

white

#FFFFFF

对比度

7.47:1

Delta E

71.61

Very Different

50:50 混合

#A1A4C1

颜色值

格式 #465286 #FFFFFF
HEX #465286 #FFFFFF
RGB 70, 82, 134 255, 255, 255
HSL 228.8, 31.4%, 40.0% 0.0, 0.0%, 100.0%
HSV 228.8, 47.8%, 52.5% 0.0, 0.0%, 100.0%
CMYK 47.8%, 38.8%, 0.0%, 47.5% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.4528 0.0864 272.7 1.0 0.0 89.9

对比度与无障碍

7.47:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

文本可读性

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

文本: #FFFFFF → 背景色: #465286

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

文本: #465286 → 背景色: #FFFFFF

色差 (Delta E)

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

渐变

#465286 #656C99 #8388AD #A1A4C1 #C0C1D6 #DFE0EA #FFFFFF

颜色混合

#465286

100%

#747AA3

75:25

#A1A4C1

50:50

#D0D1E0

25:75

#FFFFFF

100%

CSS渐变代码

background: linear-gradient(to right, #465286, #FFFFFF);
background: linear-gradient(135deg, #465286, #FFFFFF);

探索每种颜色

#465286

查看完整颜色详情

white

查看完整颜色详情

相关比较