#9DAFE5

#9DAFE5

#E5D39D

#E5D39D

对比度

1.46:1

Delta E

60.11

Very Different

50:50 混合

#C6C0C2

颜色值

格式 #9DAFE5 #E5D39D
HEX #9DAFE5 #E5D39D
RGB 157, 175, 229 229, 211, 157
HSL 225.0, 58.1%, 75.7% 45.0, 58.1%, 75.7%
HSV 225.0, 31.4%, 89.8% 45.0, 31.4%, 89.8%
CMYK 31.4%, 23.6%, 0.0%, 10.2% 0.0%, 7.9%, 31.4%, 10.2%
OKLCH 0.7597 0.0805 270.1 0.8687 0.0729 91.8

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #E5D39D → 背景色: #9DAFE5

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

文本: #9DAFE5 → 背景色: #E5D39D

色差 (Delta E)

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

渐变

#9DAFE5 #ACB5D9 #BABBCE #C6C0C2 #D1C7B6 #DBCDAA #E5D39D

颜色混合

#9DAFE5

100%

#B3B8D4

75:25

#C6C0C2

50:50

#D6CAB0

25:75

#E5D39D

100%

CSS渐变代码

background: linear-gradient(to right, #9DAFE5, #E5D39D);
background: linear-gradient(135deg, #9DAFE5, #E5D39D);

探索每种颜色

#9DAFE5

查看完整颜色详情

#E5D39D

查看完整颜色详情

相关比较