#BACFBB

#BACFBB

#CFBACE

#CFBACE

对比度

1.1:1

Delta E

26.61

Very Different

50:50 混合

#C5C5C5

颜色值

格式 #BACFBB #CFBACE
HEX #BACFBB #CFBACE
RGB 186, 207, 187 207, 186, 206
HSL 122.9, 17.9%, 77.1% 302.9, 17.9%, 77.1%
HSV 122.9, 10.1%, 81.2% 302.9, 10.1%, 81.2%
CMYK 10.1%, 0.0%, 9.7%, 18.8% 0.0%, 10.1%, 0.5%, 18.8%
OKLCH 0.8331 0.0357 146.6 0.8126 0.0361 327.4

对比度与无障碍

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFBACE → 背景色: #BACFBB

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

文本: #BACFBB → 背景色: #CFBACE

色差 (Delta E)

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

渐变

#BACFBB #BECCBE #C1C8C1 #C5C5C5 #C8C1C8 #CCBECB #CFBACE

颜色混合

#BACFBB

100%

#C0CAC0

75:25

#C5C5C5

50:50

#CABFC9

25:75

#CFBACE

100%

CSS渐变代码

background: linear-gradient(to right, #BACFBB, #CFBACE);
background: linear-gradient(135deg, #BACFBB, #CFBACE);

探索每种颜色

#BACFBB

查看完整颜色详情

#CFBACE

查看完整颜色详情

相关比较