#84A5DF

#84A5DF

#DFBE84

#DFBE84

对比度

1.4:1

Delta E

67.5

Very Different

50:50 混合

#BAB1B3

颜色值

格式 #84A5DF #DFBE84
HEX #84A5DF #DFBE84
RGB 132, 165, 223 223, 190, 132
HSL 218.2, 58.7%, 69.6% 38.2, 58.7%, 69.6%
HSV 218.2, 40.8%, 87.5% 38.2, 40.8%, 87.5%
CMYK 40.8%, 26.0%, 0.0%, 12.5% 0.0%, 14.8%, 40.8%, 12.5%
OKLCH 0.7197 0.0927 261.4 0.8168 0.084 81.2

对比度与无障碍

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBE84 → 背景色: #84A5DF

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

文本: #84A5DF → 背景色: #DFBE84

色差 (Delta E)

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

渐变

#84A5DF #99A9D0 #ABADC1 #BAB1B3 #C8B5A3 #D4BA94 #DFBE84

颜色混合

#84A5DF

100%

#A3ABC9

75:25

#BAB1B3

50:50

#CEB79C

25:75

#DFBE84

100%

CSS渐变代码

background: linear-gradient(to right, #84A5DF, #DFBE84);
background: linear-gradient(135deg, #84A5DF, #DFBE84);

探索每种颜色

#84A5DF

查看完整颜色详情

#DFBE84

查看完整颜色详情

相关比较