#58DFBC

#58DFBC

#DF587B

#DF587B

对比度

2.18:1

Delta E

103.62

Very Different

50:50 混合

#B6A49B

颜色值

格式 #58DFBC #DF587B
HEX #58DFBC #DF587B
RGB 88, 223, 188 223, 88, 123
HSL 164.4, 67.8%, 61.0% 344.4, 67.8%, 61.0%
HSV 164.4, 60.5%, 87.5% 344.4, 60.5%, 87.5%
CMYK 60.5%, 0.0%, 15.7%, 12.5% 0.0%, 60.5%, 44.8%, 12.5%
OKLCH 0.8201 0.1284 172.9 0.6441 0.1704 7.2

对比度与无障碍

2.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF587B → 背景色: #58DFBC

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

文本: #58DFBC → 背景色: #DF587B

色差 (Delta E)

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

渐变

#58DFBC #85CCB1 #A1B8A6 #B6A49B #C78E90 #D47585 #DF587B

颜色混合

#58DFBC

100%

#94C2AB

75:25

#B6A49B

50:50

#CE828B

25:75

#DF587B

100%

CSS渐变代码

background: linear-gradient(to right, #58DFBC, #DF587B);
background: linear-gradient(135deg, #58DFBC, #DF587B);

探索每种颜色

#58DFBC

查看完整颜色详情

#DF587B

查看完整颜色详情

相关比较