#B2DF8D

#B2DF8D

#BA8DDF

#BA8DDF

对比度

1.74:1

Delta E

95.44

Very Different

50:50 混合

#BCB7B8

颜色值

格式 #B2DF8D #BA8DDF
HEX #B2DF8D #BA8DDF
RGB 178, 223, 141 186, 141, 223
HSL 92.9, 56.2%, 71.4% 272.9, 56.2%, 71.4%
HSV 92.9, 36.8%, 87.5% 272.9, 36.8%, 87.5%
CMYK 20.2%, 0.0%, 36.8%, 12.5% 16.6%, 36.8%, 0.0%, 12.5%
OKLCH 0.8524 0.1181 131.9 0.7164 0.1251 308.7

对比度与无障碍

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA8DDF → 背景色: #B2DF8D

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

文本: #B2DF8D → 背景色: #BA8DDF

色差 (Delta E)

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

渐变

#B2DF8D #B7D29C #BAC5AA #BCB7B8 #BCA9C5 #BC9BD2 #BA8DDF

颜色混合

#B2DF8D

100%

#B8CBA3

75:25

#BCB7B8

50:50

#BCA2CC

25:75

#BA8DDF

100%

CSS渐变代码

background: linear-gradient(to right, #B2DF8D, #BA8DDF);
background: linear-gradient(135deg, #B2DF8D, #BA8DDF);

探索每种颜色

#B2DF8D

查看完整颜色详情

#BA8DDF

查看完整颜色详情

相关比较