#5BA2AC

#5BA2AC

#AC655B

#AC655B

对比度

1.51:1

Delta E

57.13

Very Different

50:50 混合

#918583

颜色值

格式 #5BA2AC #AC655B
HEX #5BA2AC #AC655B
RGB 91, 162, 172 172, 101, 91
HSL 187.4, 32.8%, 51.6% 7.4, 32.8%, 51.6%
HSV 187.4, 47.1%, 67.5% 7.4, 47.1%, 67.5%
CMYK 47.1%, 5.8%, 0.0%, 32.5% 0.0%, 41.3%, 47.1%, 32.5%
OKLCH 0.6696 0.0728 207.3 0.5836 0.0937 28.8

对比度与无障碍

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AC655B → 背景色: #5BA2AC

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

文本: #5BA2AC → 背景色: #AC655B

色差 (Delta E)

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

渐变

#5BA2AC #72999E #838F90 #918583 #9C7B75 #A57068 #AC655B

颜色混合

#5BA2AC

100%

#7C9497

75:25

#918583

50:50

#A0766F

25:75

#AC655B

100%

CSS渐变代码

background: linear-gradient(to right, #5BA2AC, #AC655B);
background: linear-gradient(135deg, #5BA2AC, #AC655B);

探索每种颜色

#5BA2AC

查看完整颜色详情

#AC655B

查看完整颜色详情

相关比较