#BBCDF1

#BBCDF1

#F1DFBB

#F1DFBB

对比度

1.22:1

Delta E

40.3

Very Different

50:50 混合

#D9D6D6

颜色值

格式 #BBCDF1 #F1DFBB
HEX #BBCDF1 #F1DFBB
RGB 187, 205, 241 241, 223, 187
HSL 220.0, 65.9%, 83.9% 40.0, 65.9%, 83.9%
HSV 220.0, 22.4%, 94.5% 40.0, 22.4%, 94.5%
CMYK 22.4%, 14.9%, 0.0%, 5.5% 0.0%, 7.5%, 22.4%, 5.5%
OKLCH 0.8465 0.0541 264.2 0.9091 0.0513 84.5

对比度与无障碍

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F1DFBB → 背景色: #BBCDF1

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

文本: #BBCDF1 → 背景色: #F1DFBB

色差 (Delta E)

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

渐变

#BBCDF1 #C6D0E8 #CFD3DF #D9D6D6 #E1D9CD #E9DCC4 #F1DFBB

颜色混合

#BBCDF1

100%

#CBD1E4

75:25

#D9D6D6

50:50

#E5DAC9

25:75

#F1DFBB

100%

CSS渐变代码

background: linear-gradient(to right, #BBCDF1, #F1DFBB);
background: linear-gradient(135deg, #BBCDF1, #F1DFBB);

探索每种颜色

#BBCDF1

查看完整颜色详情

#F1DFBB

查看完整颜色详情

相关比较