#89DFD7

#89DFD7

#DF8991

#DF8991

对比度

1.67:1

Delta E

65.44

Very Different

50:50 混合

#C0B6B3

颜色值

格式 #89DFD7 #DF8991
HEX #89DFD7 #DF8991
RGB 137, 223, 215 223, 137, 145
HSL 174.4, 57.3%, 70.6% 354.4, 57.3%, 70.6%
HSV 174.4, 38.6%, 87.5% 354.4, 38.6%, 87.5%
CMYK 38.6%, 0.0%, 3.6%, 12.5% 0.0%, 38.6%, 35.0%, 12.5%
OKLCH 0.8469 0.0844 188.1 0.7219 0.1055 14.0

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF8991 → 背景色: #89DFD7

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

文本: #89DFD7 → 背景色: #DF8991

色差 (Delta E)

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

渐变

#89DFD7 #A0D2CB #B2C4BF #C0B6B3 #CCA8A8 #D6999C #DF8991

颜色混合

#89DFD7

100%

#A9CBC5

75:25

#C0B6B3

50:50

#D1A0A2

25:75

#DF8991

100%

CSS渐变代码

background: linear-gradient(to right, #89DFD7, #DF8991);
background: linear-gradient(135deg, #89DFD7, #DF8991);

探索每种颜色

#89DFD7

查看完整颜色详情

#DF8991

查看完整颜色详情

相关比较