#6CDF9F

#6CDF9F

#DF6CAC

#DF6CAC

对比度

1.85:1

Delta E

106.95

Very Different

50:50 混合

#B6ACA6

颜色值

格式 #6CDF9F #DF6CAC
HEX #6CDF9F #DF6CAC
RGB 108, 223, 159 223, 108, 172
HSL 146.6, 64.2%, 64.9% 326.6, 64.2%, 64.9%
HSV 146.6, 51.6%, 87.5% 326.6, 51.6%, 87.5%
CMYK 51.6%, 0.0%, 28.7%, 12.5% 0.0%, 51.6%, 22.9%, 12.5%
OKLCH 0.8197 0.14 156.9 0.6858 0.1601 347.6

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF6CAC → 背景色: #6CDF9F

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

文本: #6CDF9F → 背景色: #DF6CAC

色差 (Delta E)

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

渐变

#6CDF9F #8CCFA2 #A3BEA4 #B6ACA6 #C699A8 #D384AA #DF6CAC

颜色混合

#6CDF9F

100%

#98C6A3

75:25

#B6ACA6

50:50

#CD8FA9

25:75

#DF6CAC

100%

CSS渐变代码

background: linear-gradient(to right, #6CDF9F, #DF6CAC);
background: linear-gradient(135deg, #6CDF9F, #DF6CAC);

探索每种颜色

#6CDF9F

查看完整颜色详情

#DF6CAC

查看完整颜色详情

相关比较