#9DABBC

#9DABBC

#BCAE9D

#BCAE9D

对比度

1.08:1

Delta E

21.31

Noticeable

50:50 混合

#AEACAD

颜色值

格式 #9DABBC #BCAE9D
HEX #9DABBC #BCAE9D
RGB 157, 171, 188 188, 174, 157
HSL 212.9, 18.8%, 67.6% 32.9, 18.8%, 67.6%
HSV 212.9, 16.5%, 73.7% 32.9, 16.5%, 73.7%
CMYK 16.5%, 9.0%, 0.0%, 26.3% 0.0%, 7.4%, 16.5%, 26.3%
OKLCH 0.7358 0.0292 253.3 0.758 0.0287 72.7

对比度与无障碍

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BCAE9D → 背景色: #9DABBC

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

文本: #9DABBC → 背景色: #BCAE9D

色差 (Delta E)

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

渐变

#9DABBC #A3ABB7 #A8ACB2 #AEACAD #B3ADA7 #B7ADA2 #BCAE9D

颜色混合

#9DABBC

100%

#A6ACB4

75:25

#AEACAD

50:50

#B5ADA5

25:75

#BCAE9D

100%

CSS渐变代码

background: linear-gradient(to right, #9DABBC, #BCAE9D);
background: linear-gradient(135deg, #9DABBC, #BCAE9D);

探索每种颜色

#9DABBC

查看完整颜色详情

#BCAE9D

查看完整颜色详情

相关比较