#BCC3FD

#BCC3FD

#FDF6BC

#FDF6BC

对比度

1.54:1

Delta E

62.49

Very Different

50:50 混合

#E0DCDE

颜色值

格式 #BCC3FD #FDF6BC
HEX #BCC3FD #FDF6BC
RGB 188, 195, 253 253, 246, 188
HSL 233.5, 94.2%, 86.5% 53.5, 94.2%, 86.5%
HSV 233.5, 25.7%, 99.2% 53.5, 25.7%, 99.2%
CMYK 25.7%, 22.9%, 0.0%, 0.8% 0.0%, 2.8%, 25.7%, 0.8%
OKLCH 0.8319 0.0817 279.1 0.9647 0.0744 101.9

对比度与无障碍

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF6BC → 背景色: #BCC3FD

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

文本: #BCC3FD → 背景色: #FDF6BC

色差 (Delta E)

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

渐变

#BCC3FD #C9CBF3 #D5D4E8 #E0DCDE #EBE5D3 #F4EDC7 #FDF6BC

颜色混合

#BCC3FD

100%

#CFCFED

75:25

#E0DCDE

50:50

#EFE9CD

25:75

#FDF6BC

100%

CSS渐变代码

background: linear-gradient(to right, #BCC3FD, #FDF6BC);
background: linear-gradient(135deg, #BCC3FD, #FDF6BC);

探索每种颜色

#BCC3FD

查看完整颜色详情

#FDF6BC

查看完整颜色详情

相关比较