#BAB5FF

#BAB5FF

#FAFFB5

#FAFFB5

对比度

1.8:1

Delta E

80.02

Very Different

50:50 混合

#DFD9DC

颜色值

格式 #BAB5FF #FAFFB5
HEX #BAB5FF #FAFFB5
RGB 186, 181, 255 250, 255, 181
HSL 244.1, 100.0%, 85.5% 64.1, 100.0%, 85.5%
HSV 244.1, 29.0%, 100.0% 64.1, 29.0%, 100.0%
CMYK 27.1%, 29.0%, 0.0%, 0.0% 2.0%, 0.0%, 29.0%, 0.0%
OKLCH 0.8041 0.1038 286.9 0.9791 0.0936 111.2

对比度与无障碍

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FAFFB5 → 背景色: #BAB5FF

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

文本: #BAB5FF → 背景色: #FAFFB5

色差 (Delta E)

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

渐变

#BAB5FF #C8C1F3 #D4CDE8 #DFD9DC #E9E6CF #F2F2C2 #FAFFB5

颜色混合

#BAB5FF

100%

#CEC7EE

75:25

#DFD9DC

50:50

#EDECC9

25:75

#FAFFB5

100%

CSS渐变代码

background: linear-gradient(to right, #BAB5FF, #FAFFB5);
background: linear-gradient(135deg, #BAB5FF, #FAFFB5);

探索每种颜色

#BAB5FF

查看完整颜色详情

#FAFFB5

查看完整颜色详情

相关比较