#9FB0CD

#9FB0CD

#CDBC9F

#CDBC9F

对比度

1.18:1

Delta E

34.0

Very Different

50:50 混合

#B8B6B6

颜色值

格式 #9FB0CD #CDBC9F
HEX #9FB0CD #CDBC9F
RGB 159, 176, 205 205, 188, 159
HSL 217.8, 31.5%, 71.4% 37.8, 31.5%, 71.4%
HSV 217.8, 22.4%, 80.4% 37.8, 22.4%, 80.4%
CMYK 22.4%, 14.1%, 0.0%, 19.6% 0.0%, 8.3%, 22.4%, 19.6%
OKLCH 0.7538 0.046 261.1 0.8019 0.0439 81.1

对比度与无障碍

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CDBC9F → 背景色: #9FB0CD

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

文本: #9FB0CD → 背景色: #CDBC9F

色差 (Delta E)

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

渐变

#9FB0CD #A8B2C5 #B0B4BE #B8B6B6 #C0B8AF #C6BAA7 #CDBC9F

颜色混合

#9FB0CD

100%

#ACB3C2

75:25

#B8B6B6

50:50

#C3B9AB

25:75

#CDBC9F

100%

CSS渐变代码

background: linear-gradient(to right, #9FB0CD, #CDBC9F);
background: linear-gradient(135deg, #9FB0CD, #CDBC9F);

探索每种颜色

#9FB0CD

查看完整颜色详情

#CDBC9F

查看完整颜色详情

相关比较