#97EBDF

#97EBDF

#EB97A3

#EB97A3

对比度

1.61:1

Delta E

63.96

Very Different

50:50 混合

#CBC3C0

颜色值

格式 #97EBDF #EB97A3
HEX #97EBDF #EB97A3
RGB 151, 235, 223 235, 151, 163
HSL 171.4, 67.7%, 75.7% 351.4, 67.7%, 75.7%
HSV 171.4, 35.7%, 92.2% 351.4, 35.7%, 92.2%
CMYK 35.7%, 0.0%, 5.1%, 7.8% 0.0%, 35.7%, 30.6%, 7.8%
OKLCH 0.883 0.0836 184.4 0.7642 0.1018 10.4

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EB97A3 → 背景色: #97EBDF

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

文本: #97EBDF → 背景色: #EB97A3

色差 (Delta E)

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

渐变

#97EBDF #ACDED5 #BDD1CB #CBC3C0 #D8B5B7 #E2A6AD #EB97A3

颜色混合

#97EBDF

100%

#B5D7D0

75:25

#CBC3C0

50:50

#DDAEB2

25:75

#EB97A3

100%

CSS渐变代码

background: linear-gradient(to right, #97EBDF, #EB97A3);
background: linear-gradient(135deg, #97EBDF, #EB97A3);

探索每种颜色

#97EBDF

查看完整颜色详情

#EB97A3

查看完整颜色详情

相关比较