#9DAEB6

#9DAEB6

#B6A59D

#B6A59D

对比度

1.03:1

Delta E

15.44

Noticeable

50:50 混合

#AAAAA9

颜色值

格式 #9DAEB6 #B6A59D
HEX #9DAEB6 #B6A59D
RGB 157, 174, 182 182, 165, 157
HSL 199.2, 14.6%, 66.5% 19.2, 14.6%, 66.5%
HSV 199.2, 13.7%, 71.4% 19.2, 13.7%, 71.4%
CMYK 13.7%, 4.4%, 0.0%, 28.6% 0.0%, 9.3%, 13.7%, 28.6%
OKLCH 0.7401 0.0223 227.6 0.7343 0.023 46.9

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B6A59D → 背景色: #9DAEB6

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

文本: #9DAEB6 → 背景色: #B6A59D

色差 (Delta E)

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

渐变

#9DAEB6 #A2ADB2 #A6ABAE #AAAAA9 #AEA8A5 #B2A7A1 #B6A59D

颜色混合

#9DAEB6

100%

#A4ACB0

75:25

#AAAAA9

50:50

#B0A7A3

25:75

#B6A59D

100%

CSS渐变代码

background: linear-gradient(to right, #9DAEB6, #B6A59D);
background: linear-gradient(135deg, #9DAEB6, #B6A59D);

探索每种颜色

#9DAEB6

查看完整颜色详情

#B6A59D

查看完整颜色详情

相关比较