#B0FD86

#B0FD86

#D386FD

#D386FD

对比度

2.01:1

Delta E

137.18

Very Different

50:50 混合

#CDC5C5

颜色值

格式 #B0FD86 #D386FD
HEX #B0FD86 #D386FD
RGB 176, 253, 134 211, 134, 253
HSL 98.8, 96.7%, 75.9% 278.8, 96.7%, 75.9%
HSV 98.8, 47.0%, 99.2% 278.8, 47.0%, 99.2%
CMYK 30.4%, 0.0%, 47.0%, 0.8% 16.6%, 47.0%, 0.0%, 0.8%
OKLCH 0.9178 0.1698 135.5 0.7448 0.181 312.6

对比度与无障碍

2.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D386FD → 背景色: #B0FD86

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

文本: #B0FD86 → 背景色: #D386FD

色差 (Delta E)

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

渐变

#B0FD86 #BDEB9D #C6D8B2 #CDC5C5 #D1B1D8 #D39CEB #D386FD

颜色混合

#B0FD86

100%

#C2E1A7

75:25

#CDC5C5

50:50

#D2A7E2

25:75

#D386FD

100%

CSS渐变代码

background: linear-gradient(to right, #B0FD86, #D386FD);
background: linear-gradient(135deg, #B0FD86, #D386FD);

探索每种颜色

#B0FD86

查看完整颜色详情

#D386FD

查看完整颜色详情

相关比较