#545EEE

#545EEE

#EEE454

#EEE454

对比度

3.77:1

Delta E

157.93

Very Different

50:50 混合

#BC9EAB

颜色值

格式 #545EEE #EEE454
HEX #545EEE #EEE454
RGB 84, 94, 238 238, 228, 84
HSL 236.1, 81.9%, 63.1% 56.1, 81.9%, 63.1%
HSV 236.1, 64.7%, 93.3% 56.1, 64.7%, 93.3%
CMYK 64.7%, 60.5%, 0.0%, 6.7% 0.0%, 4.2%, 64.7%, 6.7%
OKLCH 0.5597 0.2132 274.2 0.9012 0.1609 105.3

对比度与无障碍

3.77:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #EEE454 → 背景色: #545EEE

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

文本: #545EEE → 背景色: #EEE454

色差 (Delta E)

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

渐变

#545EEE #8572D8 #A588C2 #BC9EAB #D0B592 #E0CC76 #EEE454

颜色混合

#545EEE

100%

#967DCD

75:25

#BC9EAB

50:50

#D8C085

25:75

#EEE454

100%

CSS渐变代码

background: linear-gradient(to right, #545EEE, #EEE454);
background: linear-gradient(135deg, #545EEE, #EEE454);

探索每种颜色

#545EEE

查看完整颜色详情

#EEE454

查看完整颜色详情

相关比较