#3131DF

#3131DF

#DFDF31

#DFDF31

对比度

5.59:1

Delta E

187.91

Very Different

50:50 混合

#B0869A

颜色值

格式 #3131DF #DFDF31
HEX #3131DF #DFDF31
RGB 49, 49, 223 223, 223, 49
HSL 240.0, 73.1%, 53.3% 60.0, 73.1%, 53.3%
HSV 240.0, 78.0%, 87.5% 60.0, 78.0%, 87.5%
CMYK 78.0%, 78.0%, 0.0%, 12.5% 0.0%, 0.0%, 78.0%, 12.5%
OKLCH 0.4587 0.2498 270.9 0.8759 0.1788 109.6

对比度与无障碍

5.59:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDF31 → 背景色: #3131DF

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

文本: #3131DF → 背景色: #DFDF31

色差 (Delta E)

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

渐变

#3131DF #744DC9 #9769B2 #B0869A #C3A37F #D3C160 #DFDF31

颜色混合

#3131DF

100%

#875BBD

75:25

#B0869A

50:50

#CBB271

25:75

#DFDF31

100%

CSS渐变代码

background: linear-gradient(to right, #3131DF, #DFDF31);
background: linear-gradient(135deg, #3131DF, #DFDF31);

探索每种颜色

#3131DF

查看完整颜色详情

#DFDF31

查看完整颜色详情

相关比较