#72F0B7

#72F0B7

#F072AB

#F072AB

对比度

1.93:1

Delta E

107.69

Very Different

50:50 混合

#C4B8B1

颜色值

格式 #72F0B7 #F072AB
HEX #72F0B7 #F072AB
RGB 114, 240, 183 240, 114, 171
HSL 152.9, 80.8%, 69.4% 332.9, 80.8%, 69.4%
HSV 152.9, 52.5%, 94.1% 332.9, 52.5%, 94.1%
CMYK 52.5%, 0.0%, 23.8%, 5.9% 0.0%, 52.5%, 28.8%, 5.9%
OKLCH 0.868 0.1397 161.8 0.7162 0.1661 353.7

对比度与无障碍

1.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F072AB → 背景色: #72F0B7

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

文本: #72F0B7 → 背景色: #F072AB

色差 (Delta E)

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

渐变

#72F0B7 #96DEB5 #B0CCB3 #C4B8B1 #D5A3AF #E48CAD #F072AB

颜色混合

#72F0B7

100%

#A4D5B4

75:25

#C4B8B1

50:50

#DD98AE

25:75

#F072AB

100%

CSS渐变代码

background: linear-gradient(to right, #72F0B7, #F072AB);
background: linear-gradient(135deg, #72F0B7, #F072AB);

探索每种颜色

#72F0B7

查看完整颜色详情

#F072AB

查看完整颜色详情

相关比较