#6FDF72

#6FDF72

#DF6FDC

#DF6FDC

对比度

1.68:1

Delta E

138.72

Very Different

50:50 混合

#B7AFAA

颜色值

格式 #6FDF72 #DF6FDC
HEX #6FDF72 #DF6FDC
RGB 111, 223, 114 223, 111, 220
HSL 121.6, 63.6%, 65.5% 301.6, 63.6%, 65.5%
HSV 121.6, 50.2%, 87.5% 301.6, 50.2%, 87.5%
CMYK 50.2%, 0.0%, 48.9%, 12.5% 0.0%, 50.2%, 1.3%, 12.5%
OKLCH 0.8126 0.1802 144.2 0.7097 0.1912 328.4

对比度与无障碍

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF6FDC → 背景色: #6FDF72

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

文本: #6FDF72 → 背景色: #DF6FDC

色差 (Delta E)

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

渐变

#6FDF72 #8ED086 #A5C099 #B7AFAA #C79CBB #D487CC #DF6FDC

颜色混合

#6FDF72

100%

#9AC88F

75:25

#B7AFAA

50:50

#CD92C3

25:75

#DF6FDC

100%

CSS渐变代码

background: linear-gradient(to right, #6FDF72, #DF6FDC);
background: linear-gradient(135deg, #6FDF72, #DF6FDC);

探索每种颜色

#6FDF72

查看完整颜色详情

#DF6FDC

查看完整颜色详情

相关比较