#86F2BC

#86F2BC

#F286BC

#F286BC

对比度

1.73:1

Delta E

96.42

Very Different

50:50 混合

#CAC1BC

颜色值

格式 #86F2BC #F286BC
HEX #86F2BC #F286BC
RGB 134, 242, 188 242, 134, 188
HSL 150.0, 80.6%, 73.7% 330.0, 80.6%, 73.7%
HSV 150.0, 44.6%, 94.9% 330.0, 44.6%, 94.9%
CMYK 44.6%, 0.0%, 22.3%, 5.1% 0.0%, 44.6%, 22.3%, 5.1%
OKLCH 0.8818 0.1266 160.5 0.753 0.1451 349.8

对比度与无障碍

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F286BC → 背景色: #86F2BC

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

文本: #86F2BC → 背景色: #F286BC

色差 (Delta E)

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

渐变

#86F2BC #A2E2BC #B8D2BC #CAC1BC #D9AFBC #E69CBC #F286BC

颜色混合

#86F2BC

100%

#ADDABC

75:25

#CAC1BC

50:50

#E0A5BC

25:75

#F286BC

100%

CSS渐变代码

background: linear-gradient(to right, #86F2BC, #F286BC);
background: linear-gradient(135deg, #86F2BC, #F286BC);

探索每种颜色

#86F2BC

查看完整颜色详情

#F286BC

查看完整颜色详情

相关比较