#6CFE97

#6CFE97

#FE6CD3

#FE6CD3

对比度

1.96:1

Delta E

144.54

Very Different

50:50 混合

#CCC0B7

颜色值

格式 #6CFE97 #FE6CD3
HEX #6CFE97 #FE6CD3
RGB 108, 254, 151 254, 108, 211
HSL 137.7, 98.6%, 71.0% 317.7, 98.6%, 71.0%
HSV 137.7, 57.5%, 99.6% 317.7, 57.5%, 99.6%
CMYK 57.5%, 0.0%, 40.6%, 0.4% 0.0%, 57.5%, 16.9%, 0.4%
OKLCH 0.8929 0.1895 150.4 0.7421 0.2098 340.6

对比度与无障碍

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FE6CD3 → 背景色: #6CFE97

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

文本: #6CFE97 → 背景色: #FE6CD3

色差 (Delta E)

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

渐变

#6CFE97 #97EAA3 #B5D6AD #CCC0B7 #E0A8C1 #F08DCA #FE6CD3

颜色混合

#6CFE97

100%

#A7E0A8

75:25

#CCC0B7

50:50

#E89BC6

25:75

#FE6CD3

100%

CSS渐变代码

background: linear-gradient(to right, #6CFE97, #FE6CD3);
background: linear-gradient(135deg, #6CFE97, #FE6CD3);

探索每种颜色

#6CFE97

查看完整颜色详情

#FE6CD3

查看完整颜色详情

相关比较