#BBD9FD

#BBD9FD

#FDDFBB

#FDDFBB

对比度

1.14:1

Delta E

43.13

Very Different

50:50 混合

#E0DCDC

颜色值

格式 #BBD9FD #FDDFBB
HEX #BBD9FD #FDDFBB
RGB 187, 217, 253 253, 223, 187
HSL 212.7, 94.3%, 86.3% 32.7, 94.3%, 86.3%
HSV 212.7, 26.1%, 99.2% 32.7, 26.1%, 99.2%
CMYK 26.1%, 14.2%, 0.0%, 0.8% 0.0%, 11.9%, 26.1%, 0.8%
OKLCH 0.8753 0.0595 253.1 0.9195 0.0577 72.1

对比度与无障碍

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDDFBB → 背景色: #BBD9FD

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

文本: #BBD9FD → 背景色: #FDDFBB

色差 (Delta E)

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

渐变

#BBD9FD #C9DAF2 #D5DBE7 #E0DCDC #EADDD1 #F4DEC6 #FDDFBB

颜色混合

#BBD9FD

100%

#CFDAED

75:25

#E0DCDC

50:50

#EFDDCC

25:75

#FDDFBB

100%

CSS渐变代码

background: linear-gradient(to right, #BBD9FD, #FDDFBB);
background: linear-gradient(135deg, #BBD9FD, #FDDFBB);

探索每种颜色

#BBD9FD

查看完整颜色详情

#FDDFBB

查看完整颜色详情

相关比较