#BACCF1

#BACCF1

#F1DFBA

#F1DFBA

对比度

1.23:1

Delta E

41.34

Very Different

50:50 混合

#D8D5D6

颜色值

格式 #BACCF1 #F1DFBA
HEX #BACCF1 #F1DFBA
RGB 186, 204, 241 241, 223, 186
HSL 220.4, 66.3%, 83.7% 40.4, 66.3%, 83.7%
HSV 220.4, 22.8%, 94.5% 40.4, 22.8%, 94.5%
CMYK 22.8%, 15.4%, 0.0%, 5.5% 0.0%, 7.5%, 22.8%, 5.5%
OKLCH 0.8438 0.0555 264.7 0.9089 0.0524 85.1

对比度与无障碍

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F1DFBA → 背景色: #BACCF1

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

文本: #BACCF1 → 背景色: #F1DFBA

色差 (Delta E)

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

渐变

#BACCF1 #C5CFE8 #CFD2DF #D8D5D6 #E1D8CD #E9DCC3 #F1DFBA

颜色混合

#BACCF1

100%

#CAD1E3

75:25

#D8D5D6

50:50

#E5DAC8

25:75

#F1DFBA

100%

CSS渐变代码

background: linear-gradient(to right, #BACCF1, #F1DFBA);
background: linear-gradient(135deg, #BACCF1, #F1DFBA);

探索每种颜色

#BACCF1

查看完整颜色详情

#F1DFBA

查看完整颜色详情

相关比较