#632CD3

#632CD3

#9CD32C

#9CD32C

对比度

4.16:1

Delta E

182.5

Very Different

50:50 混合

#9A848F

颜色值

格式 #632CD3 #9CD32C
HEX #632CD3 #9CD32C
RGB 99, 44, 211 156, 211, 44
HSL 259.8, 65.5%, 50.0% 79.8, 65.5%, 50.0%
HSV 259.8, 79.1%, 82.7% 79.8, 79.1%, 82.7%
CMYK 53.1%, 79.1%, 0.0%, 17.3% 26.1%, 0.0%, 79.1%, 17.3%
OKLCH 0.4784 0.2318 289.4 0.7999 0.1928 127.0

对比度与无障碍

4.16:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9CD32C → 背景色: #632CD3

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

文本: #632CD3 → 背景色: #9CD32C

色差 (Delta E)

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

渐变

#632CD3 #7E4CBD #8F69A6 #9A848F #9F9E76 #A0B958 #9CD32C

颜色混合

#632CD3

100%

#885BB2

75:25

#9A848F

50:50

#A0AB68

25:75

#9CD32C

100%

CSS渐变代码

background: linear-gradient(to right, #632CD3, #9CD32C);
background: linear-gradient(135deg, #632CD3, #9CD32C);

探索每种颜色

#632CD3

查看完整颜色详情

#9CD32C

查看完整颜色详情

相关比较