#464BDF

#464BDF

#DFDA46

#DFDA46

对比度

4.28:1

Delta E

163.54

Very Different

50:50 混合

#B08F9E

颜色值

格式 #464BDF #DFDA46
HEX #464BDF #DFDA46
RGB 70, 75, 223 223, 218, 70
HSL 238.0, 70.5%, 57.5% 58.0, 70.5%, 57.5%
HSV 238.0, 68.6%, 87.5% 58.0, 68.6%, 87.5%
CMYK 68.6%, 66.4%, 0.0%, 12.5% 0.0%, 2.2%, 68.6%, 12.5%
OKLCH 0.507 0.2195 273.9 0.8666 0.1628 107.4

对比度与无障碍

4.28:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDA46 → 背景色: #464BDF

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

文本: #464BDF → 背景色: #DFDA46

色差 (Delta E)

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

渐变

#464BDF #7A61CA #9978B4 #B08F9E #C3A886 #D2C16A #DFDA46

颜色混合

#464BDF

100%

#8B6CBF

75:25

#B08F9E

50:50

#CBB479

25:75

#DFDA46

100%

CSS渐变代码

background: linear-gradient(to right, #464BDF, #DFDA46);
background: linear-gradient(135deg, #464BDF, #DFDA46);

探索每种颜色

#464BDF

查看完整颜色详情

#DFDA46

查看完整颜色详情

相关比较