#7CF9DA

#7CF9DA

#F97C9B

#F97C9B

对比度

1.96:1

Delta E

95.8

Very Different

50:50 混合

#CFC0BA

颜色值

格式 #7CF9DA #F97C9B
HEX #7CF9DA #F97C9B
RGB 124, 249, 218 249, 124, 155
HSL 165.1, 91.2%, 73.1% 345.1, 91.2%, 73.1%
HSV 165.1, 50.2%, 97.6% 345.1, 50.2%, 97.6%
CMYK 50.2%, 0.0%, 12.4%, 2.4% 0.0%, 50.2%, 37.8%, 2.4%
OKLCH 0.9016 0.1213 175.0 0.7372 0.155 6.0

对比度与无障碍

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

文本可读性

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

文本: #F97C9B → 背景色: #7CF9DA

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

文本: #7CF9DA → 背景色: #F97C9B

色差 (Delta E)

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

渐变

#7CF9DA #A1E7CF #BBD4C4 #CFC0BA #E0ABAF #ED95A5 #F97C9B

颜色混合

#7CF9DA

100%

#AFDDCA

75:25

#CFC0BA

50:50

#E7A0AA

25:75

#F97C9B

100%

CSS渐变代码

background: linear-gradient(to right, #7CF9DA, #F97C9B);
background: linear-gradient(135deg, #7CF9DA, #F97C9B);

探索每种颜色

#7CF9DA

查看完整颜色详情

#F97C9B

查看完整颜色详情

相关比较