#7CF7A4

#7CF7A4

#F77CCF

#F77CCF

对比度

1.8:1

Delta E

122.12

Very Different

50:50 混合

#CAC1BB

颜色值

格式 #7CF7A4 #F77CCF
HEX #7CF7A4 #F77CCF
RGB 124, 247, 164 247, 124, 207
HSL 139.5, 88.5%, 72.7% 319.5, 88.5%, 72.7%
HSV 139.5, 49.8%, 96.9% 319.5, 49.8%, 96.9%
CMYK 49.8%, 0.0%, 33.6%, 3.1% 0.0%, 49.8%, 16.2%, 3.1%
OKLCH 0.8842 0.1605 152.4 0.7517 0.1774 341.3

对比度与无障碍

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F77CCF → 背景色: #7CF7A4

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

文本: #7CF7A4 → 背景色: #F77CCF

色差 (Delta E)

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

渐变

#7CF7A4 #9DE6AC #B6D4B4 #CAC1BB #DBACC2 #EA96C9 #F77CCF

颜色混合

#7CF7A4

100%

#AADDB0

75:25

#CAC1BB

50:50

#E3A2C5

25:75

#F77CCF

100%

CSS渐变代码

background: linear-gradient(to right, #7CF7A4, #F77CCF);
background: linear-gradient(135deg, #7CF7A4, #F77CCF);

探索每种颜色

#7CF7A4

查看完整颜色详情

#F77CCF

查看完整颜色详情

相关比较