#9BAFD0

#9BAFD0

#D0BC9B

#D0BC9B

对比度

1.2:1

Delta E

38.83

Very Different

50:50 混合

#B9B5B6

颜色值

格式 #9BAFD0 #D0BC9B
HEX #9BAFD0 #D0BC9B
RGB 155, 175, 208 208, 188, 155
HSL 217.4, 36.1%, 71.2% 37.4, 36.1%, 71.2%
HSV 217.4, 25.5%, 81.6% 37.4, 25.5%, 81.6%
CMYK 25.5%, 15.9%, 0.0%, 18.4% 0.0%, 9.6%, 25.5%, 18.4%
OKLCH 0.75 0.0527 260.4 0.8036 0.05 80.2

对比度与无障碍

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D0BC9B → 背景色: #9BAFD0

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

文本: #9BAFD0 → 背景色: #D0BC9B

色差 (Delta E)

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

渐变

#9BAFD0 #A6B1C7 #B0B3BF #B9B5B6 #C1B8AD #C9BAA4 #D0BC9B

颜色混合

#9BAFD0

100%

#ABB2C3

75:25

#B9B5B6

50:50

#C5B9A9

25:75

#D0BC9B

100%

CSS渐变代码

background: linear-gradient(to right, #9BAFD0, #D0BC9B);
background: linear-gradient(135deg, #9BAFD0, #D0BC9B);

探索每种颜色

#9BAFD0

查看完整颜色详情

#D0BC9B

查看完整颜色详情

相关比较