#9398EE

#9398EE

#EEE993

#EEE993

对比度

2.1:1

Delta E

94.57

Very Different

50:50 混合

#C9BFC3

颜色值

格式 #9398EE #EEE993
HEX #9398EE #EEE993
RGB 147, 152, 238 238, 233, 147
HSL 236.7, 72.8%, 75.5% 56.7, 72.8%, 75.5%
HSV 236.7, 38.2%, 93.3% 56.7, 38.2%, 93.3%
CMYK 38.2%, 36.1%, 0.0%, 6.7% 0.0%, 2.1%, 38.2%, 6.7%
OKLCH 0.7107 0.1249 280.2 0.919 0.1075 105.5

对比度与无障碍

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EEE993 → 背景色: #9398EE

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

文本: #9398EE → 背景色: #EEE993

色差 (Delta E)

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

渐变

#9398EE #A8A5E0 #BAB2D2 #C9BFC3 #D7CDB4 #E3DBA4 #EEE993

颜色混合

#9398EE

100%

#B1ABD9

75:25

#C9BFC3

50:50

#DDD4AC

25:75

#EEE993

100%

CSS渐变代码

background: linear-gradient(to right, #9398EE, #EEE993);
background: linear-gradient(135deg, #9398EE, #EEE993);

探索每种颜色

#9398EE

查看完整颜色详情

#EEE993

查看完整颜色详情

相关比较