#9FB2CF

#9FB2CF

#CFBC9F

#CFBC9F

对比度

1.16:1

Delta E

34.45

Very Different

50:50 混合

#B9B7B7

颜色值

格式 #9FB2CF #CFBC9F
HEX #9FB2CF #CFBC9F
RGB 159, 178, 207 207, 188, 159
HSL 216.3, 33.3%, 71.8% 36.3, 33.3%, 71.8%
HSV 216.3, 23.2%, 81.2% 36.3, 23.2%, 81.2%
CMYK 23.2%, 14.0%, 0.0%, 18.8% 0.0%, 9.2%, 23.2%, 18.8%
OKLCH 0.7587 0.0469 258.8 0.8036 0.0449 78.4

对比度与无障碍

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFBC9F → 背景色: #9FB2CF

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

文本: #9FB2CF → 背景色: #CFBC9F

色差 (Delta E)

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

渐变

#9FB2CF #A9B4C7 #B1B5BF #B9B7B7 #C1B9AF #C8BAA7 #CFBC9F

颜色混合

#9FB2CF

100%

#ADB4C3

75:25

#B9B7B7

50:50

#C5B9AB

25:75

#CFBC9F

100%

CSS渐变代码

background: linear-gradient(to right, #9FB2CF, #CFBC9F);
background: linear-gradient(135deg, #9FB2CF, #CFBC9F);

探索每种颜色

#9FB2CF

查看完整颜色详情

#CFBC9F

查看完整颜色详情

相关比较