#552CD3

#552CD3

#AAD32C

#AAD32C

对比度

4.49:1

Delta E

182.08

Very Different

50:50 混合

#9C828F

颜色值

格式 #552CD3 #AAD32C
HEX #552CD3 #AAD32C
RGB 85, 44, 211 170, 211, 44
HSL 254.7, 65.5%, 50.0% 74.7, 65.5%, 50.0%
HSV 254.7, 79.1%, 82.7% 74.7, 79.1%, 82.7%
CMYK 59.7%, 79.1%, 0.0%, 17.3% 19.4%, 0.0%, 79.1%, 17.3%
OKLCH 0.4653 0.2329 284.0 0.8091 0.1863 123.2

对比度与无障碍

4.49:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AAD32C → 背景色: #552CD3

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

文本: #552CD3 → 背景色: #AAD32C

色差 (Delta E)

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

渐变

#552CD3 #784BBD #8D67A7 #9C828F #A59D76 #A9B858 #AAD32C

颜色混合

#552CD3

100%

#8459B2

75:25

#9C828F

50:50

#A7AA68

25:75

#AAD32C

100%

CSS渐变代码

background: linear-gradient(to right, #552CD3, #AAD32C);
background: linear-gradient(135deg, #552CD3, #AAD32C);

探索每种颜色

#552CD3

查看完整颜色详情

#AAD32C

查看完整颜色详情

相关比较