#86DFAC

#86DFAC

#DF86B9

#DF86B9

对比度

1.6:1

Delta E

85.27

Very Different

50:50 混合

#BCB6B3

颜色值

格式 #86DFAC #DF86B9
HEX #86DFAC #DF86B9
RGB 134, 223, 172 223, 134, 185
HSL 145.6, 58.2%, 70.0% 325.6, 58.2%, 70.0%
HSV 145.6, 39.9%, 87.5% 325.6, 39.9%, 87.5%
CMYK 39.9%, 0.0%, 22.9%, 12.5% 0.0%, 39.9%, 17.0%, 12.5%
OKLCH 0.8338 0.1128 157.7 0.7291 0.1252 345.3

对比度与无障碍

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF86B9 → 背景色: #86DFAC

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

文本: #86DFAC → 背景色: #DF86B9

色差 (Delta E)

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

渐变

#86DFAC #9CD2AE #ADC4B1 #BCB6B3 #C9A7B5 #D597B7 #DF86B9

颜色混合

#86DFAC

100%

#A5CBB0

75:25

#BCB6B3

50:50

#CF9FB6

25:75

#DF86B9

100%

CSS渐变代码

background: linear-gradient(to right, #86DFAC, #DF86B9);
background: linear-gradient(135deg, #86DFAC, #DF86B9);

探索每种颜色

#86DFAC

查看完整颜色详情

#DF86B9

查看完整颜色详情

相关比较