#2F2DB1

#2F2DB1

#AFB12D

#AFB12D

对比度

4.29:1

Delta E

150.72

Very Different

50:50 混合

#8B6D7B

颜色值

格式 #2F2DB1 #AFB12D
HEX #2F2DB1 #AFB12D
RGB 47, 45, 177 175, 177, 45
HSL 240.9, 59.5%, 43.5% 60.9, 59.5%, 43.5%
HSV 240.9, 74.6%, 69.4% 60.9, 74.6%, 69.4%
CMYK 73.4%, 74.6%, 0.0%, 30.6% 1.1%, 0.0%, 74.6%, 30.6%
OKLCH 0.4028 0.2 273.4 0.7358 0.1467 110.4

对比度与无障碍

4.29:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AFB12D → 背景色: #2F2DB1

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

文本: #2F2DB1 → 背景色: #AFB12D

色差 (Delta E)

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

渐变

#2F2DB1 #5D42A0 #78578E #8B6D7B #998366 #A59A4F #AFB12D

颜色混合

#2F2DB1

100%

#6C4C97

75:25

#8B6D7B

50:50

#A08F5B

25:75

#AFB12D

100%

CSS渐变代码

background: linear-gradient(to right, #2F2DB1, #AFB12D);
background: linear-gradient(135deg, #2F2DB1, #AFB12D);

探索每种颜色

#2F2DB1

查看完整颜色详情

#AFB12D

查看完整颜色详情

相关比较