#5ABCBE

#5ABCBE

#BE5C5A

#BE5C5A

对比度

1.93:1

Delta E

76.02

Very Different

50:50 混合

#A18F8A

颜色值

格式 #5ABCBE #BE5C5A
HEX #5ABCBE #BE5C5A
RGB 90, 188, 190 190, 92, 90
HSL 181.2, 43.5%, 54.9% 1.2, 43.5%, 54.9%
HSV 181.2, 52.6%, 74.5% 1.2, 52.6%, 74.5%
CMYK 52.6%, 1.1%, 0.0%, 25.5% 0.0%, 51.6%, 52.6%, 25.5%
OKLCH 0.7375 0.0919 197.1 0.5933 0.1268 22.9

对比度与无障碍

1.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BE5C5A → 背景色: #5ABCBE

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

文本: #5ABCBE → 背景色: #BE5C5A

色差 (Delta E)

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

渐变

#5ABCBE #7BAEAD #919F9B #A18F8A #AD807A #B76F6A #BE5C5A

颜色混合

#5ABCBE

100%

#87A6A4

75:25

#A18F8A

50:50

#B27772

25:75

#BE5C5A

100%

CSS渐变代码

background: linear-gradient(to right, #5ABCBE, #BE5C5A);
background: linear-gradient(135deg, #5ABCBE, #BE5C5A);

探索每种颜色

#5ABCBE

查看完整颜色详情

#BE5C5A

查看完整颜色详情

相关比较