#5CDCCC

#5CDCCC

#DC5C6C

#DC5C6C

对比度

2.17:1

Delta E

95.73

Very Different

50:50 混合

#B7A29A

颜色值

格式 #5CDCCC #DC5C6C
HEX #5CDCCC #DC5C6C
RGB 92, 220, 204 220, 92, 108
HSL 172.5, 64.6%, 61.2% 352.5, 64.6%, 61.2%
HSV 172.5, 58.2%, 86.3% 352.5, 58.2%, 86.3%
CMYK 58.2%, 0.0%, 7.3%, 13.7% 0.0%, 58.2%, 50.9%, 13.7%
OKLCH 0.8187 0.1154 184.0 0.641 0.1605 15.2

对比度与无障碍

2.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DC5C6C → 背景色: #5CDCCC

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

文本: #5CDCCC → 背景色: #DC5C6C

色差 (Delta E)

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

渐变

#5CDCCC #88C9BB #A3B6AB #B7A29A #C68D8A #D2767B #DC5C6C

颜色混合

#5CDCCC

100%

#97C0B3

75:25

#B7A29A

50:50

#CD8283

25:75

#DC5C6C

100%

CSS渐变代码

background: linear-gradient(to right, #5CDCCC, #DC5C6C);
background: linear-gradient(135deg, #5CDCCC, #DC5C6C);

探索每种颜色

#5CDCCC

查看完整颜色详情

#DC5C6C

查看完整颜色详情

相关比较