#515EEE

#515EEE

#EEE151

#EEE151

对比度

3.71:1

Delta E

157.78

Very Different

50:50 混合

#BC9CA9

颜色值

格式 #515EEE #EEE151
HEX #515EEE #EEE151
RGB 81, 94, 238 238, 225, 81
HSL 235.0, 82.2%, 62.5% 55.0, 82.2%, 62.5%
HSV 235.0, 66.0%, 93.3% 55.0, 66.0%, 93.3%
CMYK 66.0%, 60.5%, 0.0%, 6.7% 0.0%, 5.5%, 66.0%, 6.7%
OKLCH 0.5579 0.214 273.3 0.8948 0.1603 104.1

对比度与无障碍

3.71:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #EEE151 → 背景色: #515EEE

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

文本: #515EEE → 背景色: #EEE151

色差 (Delta E)

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

渐变

#515EEE #8472D8 #A486C1 #BC9CA9 #CFB390 #E0CA74 #EEE151

颜色混合

#515EEE

100%

#957CCC

75:25

#BC9CA9

50:50

#D8BE83

25:75

#EEE151

100%

CSS渐变代码

background: linear-gradient(to right, #515EEE, #EEE151);
background: linear-gradient(135deg, #515EEE, #EEE151);

探索每种颜色

#515EEE

查看完整颜色详情

#EEE151

查看完整颜色详情

相关比较