#ABF2D8

#ABF2D8

#F2ABC5

#F2ABC5

对比度

1.44:1

Delta E

59.17

Very Different

50:50 混合

#D5D0CE

颜色值

格式 #ABF2D8 #F2ABC5
HEX #ABF2D8 #F2ABC5
RGB 171, 242, 216 242, 171, 197
HSL 158.0, 73.2%, 81.0% 338.0, 73.2%, 81.0%
HSV 158.0, 29.3%, 94.9% 338.0, 29.3%, 94.9%
CMYK 29.3%, 0.0%, 10.7%, 5.1% 0.0%, 29.3%, 18.6%, 5.1%
OKLCH 0.907 0.0794 169.7 0.8158 0.0891 355.6

对比度与无障碍

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2ABC5 → 背景色: #ABF2D8

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

文本: #ABF2D8 → 背景色: #F2ABC5

色差 (Delta E)

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

渐变

#ABF2D8 #BBE7D5 #C8DCD2 #D5D0CE #DFC4CB #E9B8C8 #F2ABC5

颜色混合

#ABF2D8

100%

#C2E1D3

75:25

#D5D0CE

50:50

#E4BECA

25:75

#F2ABC5

100%

CSS渐变代码

background: linear-gradient(to right, #ABF2D8, #F2ABC5);
background: linear-gradient(135deg, #ABF2D8, #F2ABC5);

探索每种颜色

#ABF2D8

查看完整颜色详情

#F2ABC5

查看完整颜色详情

相关比较