#7DF9DF

#7DF9DF

#F97D97

#F97D97

对比度

1.96:1

Delta E

93.82

Very Different

50:50 混合

#D0C0BA

颜色值

格式 #7DF9DF #F97D97
HEX #7DF9DF #F97D97
RGB 125, 249, 223 249, 125, 151
HSL 167.4, 91.2%, 73.3% 347.4, 91.2%, 73.3%
HSV 167.4, 49.8%, 97.6% 347.4, 49.8%, 97.6%
CMYK 49.8%, 0.0%, 10.4%, 2.4% 0.0%, 49.8%, 39.4%, 2.4%
OKLCH 0.9034 0.1181 177.9 0.7376 0.1528 8.3

对比度与无障碍

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

文本可读性

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

文本: #F97D97 → 背景色: #7DF9DF

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

文本: #7DF9DF → 背景色: #F97D97

色差 (Delta E)

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

渐变

#7DF9DF #A2E7D3 #BCD4C6 #D0C0BA #E0ACAE #EE96A2 #F97D97

颜色混合

#7DF9DF

100%

#B0DDCC

75:25

#D0C0BA

50:50

#E7A1A8

25:75

#F97D97

100%

CSS渐变代码

background: linear-gradient(to right, #7DF9DF, #F97D97);
background: linear-gradient(135deg, #7DF9DF, #F97D97);

探索每种颜色

#7DF9DF

查看完整颜色详情

#F97D97

查看完整颜色详情

相关比较