#362FA4

#362FA4

#9DA42F

#9DA42F

对比度

3.71:1

Delta E

136.42

Very Different

50:50 混合

#7F6873

颜色值

格式 #362FA4 #9DA42F
HEX #362FA4 #9DA42F
RGB 54, 47, 164 157, 164, 47
HSL 243.6, 55.5%, 41.4% 63.6, 55.5%, 41.4%
HSV 243.6, 71.3%, 64.3% 63.6, 71.3%, 64.3%
CMYK 67.1%, 71.3%, 0.0%, 35.7% 4.3%, 0.0%, 71.3%, 35.7%
OKLCH 0.3971 0.18 277.0 0.6915 0.1363 112.8

对比度与无障碍

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

文本可读性

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

文本: #9DA42F → 背景色: #362FA4

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

文本: #362FA4 → 背景色: #9DA42F

色差 (Delta E)

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

渐变

#362FA4 #594294 #6F5584 #7F6873 #8C7C61 #95904B #9DA42F

颜色混合

#362FA4

100%

#654B8C

75:25

#7F6873

50:50

#918656

25:75

#9DA42F

100%

CSS渐变代码

background: linear-gradient(to right, #362FA4, #9DA42F);
background: linear-gradient(135deg, #362FA4, #9DA42F);

探索每种颜色

#362FA4

查看完整颜色详情

#9DA42F

查看完整颜色详情

相关比较