#98DFB2

#98DFB2

#DF98C5

#DF98C5

对比度

1.43:1

Delta E

71.37

Very Different

50:50 混合

#C1BEBC

颜色值

格式 #98DFB2 #DF98C5
HEX #98DFB2 #DF98C5
RGB 152, 223, 178 223, 152, 197
HSL 142.0, 52.6%, 73.5% 322.0, 52.6%, 73.5%
HSV 142.0, 31.8%, 87.5% 322.0, 31.8%, 87.5%
CMYK 31.8%, 0.0%, 20.2%, 12.5% 0.0%, 31.8%, 11.7%, 12.5%
OKLCH 0.8445 0.0952 155.9 0.763 0.1024 341.4

对比度与无障碍

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

文本可读性

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

文本: #DF98C5 → 背景色: #98DFB2

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

文本: #98DFB2 → 背景色: #DF98C5

色差 (Delta E)

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

渐变

#98DFB2 #A8D4B5 #B5C9B9 #C1BEBC #CCB2BF #D6A5C2 #DF98C5

颜色混合

#98DFB2

100%

#AFCFB7

75:25

#C1BEBC

50:50

#D1ACC1

25:75

#DF98C5

100%

CSS渐变代码

background: linear-gradient(to right, #98DFB2, #DF98C5);
background: linear-gradient(135deg, #98DFB2, #DF98C5);

探索每种颜色

#98DFB2

查看完整颜色详情

#DF98C5

查看完整颜色详情

相关比较