#5BABAF

#5BABAF

#AF5F5B

#AF5F5B

对比度

1.71:1

Delta E

63.3

Very Different

50:50 混合

#948784

颜色值

格式 #5BABAF #AF5F5B
HEX #5BABAF #AF5F5B
RGB 91, 171, 175 175, 95, 91
HSL 182.9, 34.4%, 52.2% 2.9, 34.4%, 52.2%
HSV 182.9, 48.0%, 68.6% 2.9, 48.0%, 68.6%
CMYK 48.0%, 2.3%, 0.0%, 31.4% 0.0%, 45.7%, 48.0%, 31.4%
OKLCH 0.6921 0.0787 199.8 0.5774 0.1046 23.8

对比度与无障碍

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5F5B → 背景色: #5BABAF

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

文本: #5BABAF → 背景色: #AF5F5B

色差 (Delta E)

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

渐变

#5BABAF #749FA0 #869392 #948784 #9F7B76 #A86D68 #AF5F5B

颜色混合

#5BABAF

100%

#7E9999

75:25

#948784

50:50

#A4746F

25:75

#AF5F5B

100%

CSS渐变代码

background: linear-gradient(to right, #5BABAF, #AF5F5B);
background: linear-gradient(135deg, #5BABAF, #AF5F5B);

探索每种颜色

#5BABAF

查看完整颜色详情

#AF5F5B

查看完整颜色详情

相关比较