#BADEFC

#BADEFC

#FCD8BA

#FCD8BA

对比度

1.05:1

Delta E

40.23

Very Different

50:50 混合

颜色值

格式 #BADEFC #FCD8BA
HEX #BADEFC #FCD8BA
RGB 186, 222, 252 252, 216, 186
HSL 207.3, 91.7%, 85.9% 27.3, 91.7%, 85.9%
HSV 207.3, 26.2%, 98.8% 27.3, 26.2%, 98.8%
CMYK 26.2%, 11.9%, 0.0%, 1.2% 0.0%, 14.3%, 26.2%, 1.2%
OKLCH 0.8845 0.0563 243.6 0.905 0.0566 61.8

对比度与无障碍

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FCD8BA → 背景色: #BADEFC

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

文本: #BADEFC → 背景色: #FCD8BA

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #BADEFC, #FCD8BA);
background: linear-gradient(135deg, #BADEFC, #FCD8BA);

探索每种颜色

相关比较