#BCC5FD

#BCC5FD

#FDF4BC

#FDF4BC

对比度

1.5:1

Delta E

60.36

Very Different

50:50 混合

颜色值

格式 #BCC5FD #FDF4BC
HEX #BCC5FD #FDF4BC
RGB 188, 197, 253 253, 244, 188
HSL 231.7, 94.2%, 86.5% 51.7, 94.2%, 86.5%
HSV 231.7, 25.7%, 99.2% 51.7, 25.7%, 99.2%
CMYK 25.7%, 22.1%, 0.0%, 0.8% 0.0%, 3.6%, 25.7%, 0.8%
OKLCH 0.8358 0.0791 277.4 0.9608 0.0723 100.0

对比度与无障碍

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF4BC → 背景色: #BCC5FD

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

文本: #BCC5FD → 背景色: #FDF4BC

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #BCC5FD, #FDF4BC);
background: linear-gradient(135deg, #BCC5FD, #FDF4BC);

探索每种颜色

相关比较