#97FDDF

#97FDDF

#FD97B5

#FD97B5

对比度

1.7:1

Delta E

80.61

Very Different

50:50 混合

#D7CDCA

颜色值

格式 #97FDDF #FD97B5
HEX #97FDDF #FD97B5
RGB 151, 253, 223 253, 151, 181
HSL 162.4, 96.2%, 79.2% 342.4, 96.2%, 79.2%
HSV 162.4, 40.3%, 99.2% 342.4, 40.3%, 99.2%
CMYK 40.3%, 0.0%, 11.9%, 0.8% 0.0%, 40.3%, 28.5%, 0.8%
OKLCH 0.9233 0.1052 173.0 0.7902 0.1264 1.4

对比度与无障碍

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FD97B5 → 背景色: #97FDDF

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

文本: #97FDDF → 背景色: #FD97B5

色差 (Delta E)

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

渐变

#97FDDF #B1EED8 #C6DED1 #D7CDCA #E5BCC3 #F2AABC #FD97B5

颜色混合

#97FDDF

100%

#BCE6D4

75:25

#D7CDCA

50:50

#ECB4BF

25:75

#FD97B5

100%

CSS渐变代码

background: linear-gradient(to right, #97FDDF, #FD97B5);
background: linear-gradient(135deg, #97FDDF, #FD97B5);

探索每种颜色

#97FDDF

查看完整颜色详情

#FD97B5

查看完整颜色详情

相关比较