#BCCDFD

#BCCDFD

#FDECBC

#FDECBC

对比度

1.35:1

Delta E

52.33

Very Different

50:50 混合

#E0DCDD

颜色值

格式 #BCCDFD #FDECBC
HEX #BCCDFD #FDECBC
RGB 188, 205, 253 253, 236, 188
HSL 224.3, 94.2%, 86.5% 44.3, 94.2%, 86.5%
HSV 224.3, 25.7%, 99.2% 44.3, 25.7%, 99.2%
CMYK 25.7%, 19.0%, 0.0%, 0.8% 0.0%, 6.7%, 25.7%, 0.8%
OKLCH 0.8517 0.0697 269.6 0.945 0.0646 90.9

对比度与无障碍

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDECBC → 背景色: #BCCDFD

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

文本: #BCCDFD → 背景色: #FDECBC

色差 (Delta E)

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

渐变

#BCCDFD #C9D2F2 #D5D7E8 #E0DCDD #EAE1D2 #F4E7C7 #FDECBC

颜色混合

#BCCDFD

100%

#CFD4ED

75:25

#E0DCDD

50:50

#EFE4CD

25:75

#FDECBC

100%

CSS渐变代码

background: linear-gradient(to right, #BCCDFD, #FDECBC);
background: linear-gradient(135deg, #BCCDFD, #FDECBC);

探索每种颜色

#BCCDFD

查看完整颜色详情

#FDECBC

查看完整颜色详情

相关比较