#9BAECF

#9BAECF

#CFBC9B

#CFBC9B

对比度

1.21:1

Delta E

38.62

Very Different

50:50 混合

#B8B5B5

颜色值

格式 #9BAECF #CFBC9B
HEX #9BAECF #CFBC9B
RGB 155, 174, 207 207, 188, 155
HSL 218.1, 35.1%, 71.0% 38.1, 35.1%, 71.0%
HSV 218.1, 25.1%, 81.2% 38.1, 25.1%, 81.2%
CMYK 25.1%, 15.9%, 0.0%, 18.8% 0.0%, 9.2%, 25.1%, 18.8%
OKLCH 0.7475 0.0523 261.5 0.8027 0.0495 81.4

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFBC9B → 背景色: #9BAECF

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

文本: #9BAECF → 背景色: #CFBC9B

色差 (Delta E)

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

渐变

#9BAECF #A5B0C6 #AFB2BE #B8B5B5 #C0B7AD #C8BAA4 #CFBC9B

颜色混合

#9BAECF

100%

#AAB1C2

75:25

#B8B5B5

50:50

#C4B8A8

25:75

#CFBC9B

100%

CSS渐变代码

background: linear-gradient(to right, #9BAECF, #CFBC9B);
background: linear-gradient(135deg, #9BAECF, #CFBC9B);

探索每种颜色

#9BAECF

查看完整颜色详情

#CFBC9B

查看完整颜色详情

相关比较