#7AF9B7

#7AF9B7

#F97ABC

#F97ABC

对比度

1.88:1

Delta E

112.91

Very Different

50:50 混合

#CCC1BA

颜色值

格式 #7AF9B7 #F97ABC
HEX #7AF9B7 #F97ABC
RGB 122, 249, 183 249, 122, 188
HSL 148.8, 91.4%, 72.7% 328.8, 91.4%, 72.7%
HSV 148.8, 51.0%, 97.6% 328.8, 51.0%, 97.6%
CMYK 51.0%, 0.0%, 26.5%, 2.4% 0.0%, 51.0%, 24.5%, 2.4%
OKLCH 0.8922 0.1475 158.6 0.7446 0.1707 349.6

对比度与无障碍

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F97ABC → 背景色: #7AF9B7

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

文本: #7AF9B7 → 背景色: #F97ABC

色差 (Delta E)

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

渐变

#7AF9B7 #9DE7B8 #B7D4B9 #CCC1BA #DDACBB #EC95BC #F97ABC

颜色混合

#7AF9B7

100%

#ABDEB9

75:25

#CCC1BA

50:50

#E5A0BB

25:75

#F97ABC

100%

CSS渐变代码

background: linear-gradient(to right, #7AF9B7, #F97ABC);
background: linear-gradient(135deg, #7AF9B7, #F97ABC);

探索每种颜色

#7AF9B7

查看完整颜色详情

#F97ABC

查看完整颜色详情

相关比较