#9DAEA7

#9DAEA7

#AE9DA4

#AE9DA4

对比度

1.11:1

Delta E

15.41

Noticeable

50:50 混合

颜色值

格式 #9DAEA7 #AE9DA4
HEX #9DAEA7 #AE9DA4
RGB 157, 174, 167 174, 157, 164
HSL 155.3, 9.5%, 64.9% 335.3, 9.5%, 64.9%
HSV 155.3, 9.8%, 68.2% 335.3, 9.8%, 68.2%
CMYK 9.8%, 0.0%, 4.0%, 31.8% 0.0%, 9.8%, 5.7%, 31.8%
OKLCH 0.7355 0.0214 169.1 0.7128 0.0221 350.8

对比度与无障碍

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AE9DA4 → 背景色: #9DAEA7

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

文本: #9DAEA7 → 背景色: #AE9DA4

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #9DAEA7, #AE9DA4);
background: linear-gradient(135deg, #9DAEA7, #AE9DA4);

探索每种颜色

相关比较