#281DA8

#281DA8

#9DA81D

#9DA81D

对比度

4.4:1

Delta E

156.55

Very Different

50:50 混合

#806271

颜色值

格式 #281DA8 #9DA81D
HEX #281DA8 #9DA81D
RGB 40, 29, 168 157, 168, 29
HSL 244.7, 70.6%, 38.6% 64.7, 70.6%, 38.6%
HSV 244.7, 82.7%, 65.9% 64.7, 82.7%, 65.9%
CMYK 76.2%, 82.7%, 0.0%, 34.1% 6.5%, 0.0%, 82.7%, 34.1%
OKLCH 0.3682 0.2051 273.2 0.6996 0.1501 114.5

对比度与无障碍

4.4:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA81D → 背景色: #281DA8

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

文本: #281DA8 → 背景色: #9DA81D

色差 (Delta E)

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

渐变

#281DA8 #563596 #6F4B84 #806271 #8D795D #969044 #9DA81D

颜色混合

#281DA8

100%

#64408D

75:25

#806271

50:50

#928551

25:75

#9DA81D

100%

CSS渐变代码

background: linear-gradient(to right, #281DA8, #9DA81D);
background: linear-gradient(135deg, #281DA8, #9DA81D);

探索每种颜色

#281DA8

查看完整颜色详情

#9DA81D

查看完整颜色详情

相关比较