#ABB5FC

#ABB5FC

#FCF2AB

#FCF2AB

对比度

1.71:1

Delta E

76.9

Very Different

50:50 混合

#DAD3D5

颜色值

格式 #ABB5FC #FCF2AB
HEX #ABB5FC #FCF2AB
RGB 171, 181, 252 252, 242, 171
HSL 232.6, 93.1%, 82.9% 52.6, 93.1%, 82.9%
HSV 232.6, 32.1%, 98.8% 52.6, 32.1%, 98.8%
CMYK 32.1%, 28.2%, 0.0%, 1.2% 0.0%, 4.0%, 32.1%, 1.2%
OKLCH 0.7915 0.1015 277.6 0.9527 0.0902 101.1

对比度与无障碍

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FCF2AB → 背景色: #ABB5FC

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

文本: #ABB5FC → 背景色: #FCF2AB

色差 (Delta E)

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

渐变

#ABB5FC #BDBFEF #CCC9E2 #DAD3D5 #E6DDC8 #F1E7BA #FCF2AB

颜色混合

#ABB5FC

100%

#C4C4E9

75:25

#DAD3D5

50:50

#ECE2C1

25:75

#FCF2AB

100%

CSS渐变代码

background: linear-gradient(to right, #ABB5FC, #FCF2AB);
background: linear-gradient(135deg, #ABB5FC, #FCF2AB);

探索每种颜色

#ABB5FC

查看完整颜色详情

#FCF2AB

查看完整颜色详情

相关比较