#BADDDF

#BADDDF

#DFBCBA

#DFBCBA

对比度

1.2:1

Delta E

26.29

Very Different

50:50 混合

#CFCDCC

颜色值

格式 #BADDDF #DFBCBA
HEX #BADDDF #DFBCBA
RGB 186, 221, 223 223, 188, 186
HSL 183.2, 36.6%, 80.2% 3.2, 36.6%, 80.2%
HSV 183.2, 16.6%, 87.5% 3.2, 16.6%, 87.5%
CMYK 16.6%, 0.9%, 0.0%, 12.5% 0.0%, 15.7%, 16.6%, 12.5%
OKLCH 0.8729 0.0369 200.8 0.8249 0.0404 21.9

对比度与无障碍

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBCBA → 背景色: #BADDDF

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

文本: #BADDDF → 背景色: #DFBCBA

色差 (Delta E)

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

渐变

#BADDDF #C1D8D9 #C8D2D3 #CFCDCC #D4C7C6 #DAC2C0 #DFBCBA

颜色混合

#BADDDF

100%

#C5D5D6

75:25

#CFCDCC

50:50

#D7C4C3

25:75

#DFBCBA

100%

CSS渐变代码

background: linear-gradient(to right, #BADDDF, #DFBCBA);
background: linear-gradient(135deg, #BADDDF, #DFBCBA);

探索每种颜色

#BADDDF

查看完整颜色详情

#DFBCBA

查看完整颜色详情

相关比较