#B1F8AB

#B1F8AB

#F2ABF8

#F2ABF8

对比度

1.41:1

Delta E

95.51

Very Different

50:50 混合

#D8D4D3

颜色值

格式 #B1F8AB #F2ABF8
HEX #B1F8AB #F2ABF8
RGB 177, 248, 171 242, 171, 248
HSL 115.3, 84.6%, 82.2% 295.3, 84.6%, 82.2%
HSV 115.3, 31.0%, 97.3% 295.3, 31.0%, 97.3%
CMYK 28.6%, 0.0%, 31.0%, 2.7% 2.4%, 31.0%, 0.0%, 2.7%
OKLCH 0.9133 0.1249 142.6 0.8335 0.1293 324.0

对比度与无障碍

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2ABF8 → 背景色: #B1F8AB

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

文本: #B1F8AB → 背景色: #F2ABF8

色差 (Delta E)

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

渐变

#B1F8AB #C0ECB9 #CCE0C6 #D8D4D3 #E1C7DF #EAB9EC #F2ABF8

颜色混合

#B1F8AB

100%

#C6E6BF

75:25

#D8D4D3

50:50

#E6C0E6

25:75

#F2ABF8

100%

CSS渐变代码

background: linear-gradient(to right, #B1F8AB, #F2ABF8);
background: linear-gradient(135deg, #B1F8AB, #F2ABF8);

探索每种颜色

#B1F8AB

查看完整颜色详情

#F2ABF8

查看完整颜色详情

相关比较