#97DFAA

#97DFAA

#DF97CC

#DF97CC

对比度

1.43:1

Delta E

77.71

Very Different

50:50 混合

#C1BEBC

颜色值

格式 #97DFAA #DF97CC
HEX #97DFAA #DF97CC
RGB 151, 223, 170 223, 151, 204
HSL 135.8, 52.9%, 73.3% 315.8, 52.9%, 73.3%
HSV 135.8, 32.3%, 87.5% 315.8, 32.3%, 87.5%
CMYK 32.3%, 0.0%, 23.8%, 12.5% 0.0%, 32.3%, 8.5%, 12.5%
OKLCH 0.842 0.1034 152.0 0.7638 0.1097 336.7

对比度与无障碍

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF97CC → 背景色: #97DFAA

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

文本: #97DFAA → 背景色: #DF97CC

色差 (Delta E)

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

渐变

#97DFAA #A7D4B0 #B5C9B6 #C1BEBC #CCB1C1 #D6A5C7 #DF97CC

颜色混合

#97DFAA

100%

#AECFB3

75:25

#C1BEBC

50:50

#D1ABC4

25:75

#DF97CC

100%

CSS渐变代码

background: linear-gradient(to right, #97DFAA, #DF97CC);
background: linear-gradient(135deg, #97DFAA, #DF97CC);

探索每种颜色

#97DFAA

查看完整颜色详情

#DF97CC

查看完整颜色详情

相关比较