#B2B1DA

#B2B1DA

#D9DAB1

#D9DAB1

对比度

1.43:1

Delta E

45.34

Very Different

50:50 混合

#C7C5C6

颜色值

格式 #B2B1DA #D9DAB1
HEX #B2B1DA #D9DAB1
RGB 178, 177, 218 217, 218, 177
HSL 241.5, 35.7%, 77.5% 61.5, 35.7%, 77.5%
HSV 241.5, 18.8%, 85.5% 61.5, 18.8%, 85.5%
CMYK 18.3%, 18.8%, 0.0%, 14.5% 0.5%, 0.0%, 18.8%, 14.5%
OKLCH 0.775 0.0581 286.1 0.8771 0.0543 108.6

对比度与无障碍

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D9DAB1 → 背景色: #B2B1DA

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

文本: #B2B1DA → 背景色: #D9DAB1

色差 (Delta E)

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

渐变

#B2B1DA #BAB8D3 #C1BECD #C7C5C6 #CDCCBF #D3D3B8 #D9DAB1

颜色混合

#B2B1DA

100%

#BDBBD0

75:25

#C7C5C6

50:50

#D0D0BC

25:75

#D9DAB1

100%

CSS渐变代码

background: linear-gradient(to right, #B2B1DA, #D9DAB1);
background: linear-gradient(135deg, #B2B1DA, #D9DAB1);

探索每种颜色

#B2B1DA

查看完整颜色详情

#D9DAB1

查看完整颜色详情

相关比较