#BAC5EE

#BAC5EE

#EEE3BA

#EEE3BA

对比度

1.33:1

Delta E

44.76

Very Different

50:50 混合

#D6D4D4

颜色值

格式 #BAC5EE #EEE3BA
HEX #BAC5EE #EEE3BA
RGB 186, 197, 238 238, 227, 186
HSL 227.3, 60.5%, 83.1% 47.3, 60.5%, 83.1%
HSV 227.3, 21.8%, 93.3% 47.3, 21.8%, 93.3%
CMYK 21.8%, 17.2%, 0.0%, 6.7% 0.0%, 4.6%, 21.8%, 6.7%
OKLCH 0.8286 0.0589 273.3 0.9143 0.0549 94.8

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EEE3BA → 背景色: #BAC5EE

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

文本: #BAC5EE → 背景色: #EEE3BA

色差 (Delta E)

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

渐变

#BAC5EE #C4CAE6 #CECFDD #D6D4D4 #DFD9CC #E7DEC3 #EEE3BA

颜色混合

#BAC5EE

100%

#C9CCE1

75:25

#D6D4D4

50:50

#E3DBC7

25:75

#EEE3BA

100%

CSS渐变代码

background: linear-gradient(to right, #BAC5EE, #EEE3BA);
background: linear-gradient(135deg, #BAC5EE, #EEE3BA);

探索每种颜色

#BAC5EE

查看完整颜色详情

#EEE3BA

查看完整颜色详情

相关比较