#8BA4AF

#8BA4AF

#AF968B

#AF968B

对比度

1.06:1

Delta E

22.57

Noticeable

50:50 混合

#9F9D9D

颜色值

格式 #8BA4AF #AF968B
HEX #8BA4AF #AF968B
RGB 139, 164, 175 175, 150, 139
HSL 198.3, 18.4%, 61.6% 18.3, 18.4%, 61.6%
HSV 198.3, 20.6%, 68.6% 18.3, 20.6%, 68.6%
CMYK 20.6%, 6.3%, 0.0%, 31.4% 0.0%, 14.3%, 20.6%, 31.4%
OKLCH 0.7032 0.0322 226.2 0.6924 0.034 45.2

对比度与无障碍

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF968B → 背景色: #8BA4AF

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

文本: #8BA4AF → 背景色: #AF968B

色差 (Delta E)

22.57 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#8BA4AF #92A2A9 #999FA3 #9F9D9D #A59B97 #AA9891 #AF968B

颜色混合

#8BA4AF

100%

#96A1A6

75:25

#9F9D9D

50:50

#A79A94

25:75

#AF968B

100%

CSS渐变代码

background: linear-gradient(to right, #8BA4AF, #AF968B);
background: linear-gradient(135deg, #8BA4AF, #AF968B);

探索每种颜色

#8BA4AF

查看完整颜色详情

#AF968B

查看完整颜色详情

相关比较