#9EBDF9

#9EBDF9

#F9DA9E

#F9DA9E

对比度

1.4:1

Delta E

67.6

Very Different

50:50 混合

#D3CBCD

颜色值

格式 #9EBDF9 #F9DA9E
HEX #9EBDF9 #F9DA9E
RGB 158, 189, 249 249, 218, 158
HSL 219.6, 88.3%, 79.8% 39.6, 88.3%, 79.8%
HSV 219.6, 36.5%, 97.6% 39.6, 36.5%, 97.6%
CMYK 36.5%, 24.1%, 0.0%, 2.4% 0.0%, 12.4%, 36.5%, 2.4%
OKLCH 0.7975 0.0922 263.3 0.9004 0.0839 83.5

对比度与无障碍

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F9DA9E → 背景色: #9EBDF9

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

文本: #9EBDF9 → 背景色: #F9DA9E

色差 (Delta E)

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

渐变

#9EBDF9 #B3C2EA #C4C6DB #D3CBCD #E1D0BD #EDD5AE #F9DA9E

颜色混合

#9EBDF9

100%

#BCC4E3

75:25

#D3CBCD

50:50

#E7D2B6

25:75

#F9DA9E

100%

CSS渐变代码

background: linear-gradient(to right, #9EBDF9, #F9DA9E);
background: linear-gradient(135deg, #9EBDF9, #F9DA9E);

探索每种颜色

#9EBDF9

查看完整颜色详情

#F9DA9E

查看完整颜色详情

相关比较