#464FDF

#464FDF

#DFD646

#DFD646

对比度

4.02:1

Delta E

159.22

Very Different

50:50 混合

#B08F9D

颜色值

格式 #464FDF #DFD646
HEX #464FDF #DFD646
RGB 70, 79, 223 223, 214, 70
HSL 236.5, 70.5%, 57.5% 56.5, 70.5%, 57.5%
HSV 236.5, 68.6%, 87.5% 56.5, 68.6%, 87.5%
CMYK 68.6%, 64.6%, 0.0%, 12.5% 0.0%, 4.0%, 68.6%, 12.5%
OKLCH 0.5135 0.215 273.2 0.8582 0.1591 105.8

对比度与无障碍

4.02:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD646 → 背景色: #464FDF

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

文本: #464FDF → 背景色: #DFD646

色差 (Delta E)

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

渐变

#464FDF #7963CA #9879B4 #B08F9D #C2A685 #D2BE6A #DFD646

颜色混合

#464FDF

100%

#8A6EBF

75:25

#B08F9D

50:50

#CAB278

25:75

#DFD646

100%

CSS渐变代码

background: linear-gradient(to right, #464FDF, #DFD646);
background: linear-gradient(135deg, #464FDF, #DFD646);

探索每种颜色

#464FDF

查看完整颜色详情

#DFD646

查看完整颜色详情

相关比较