#2525DF

#2525DF

#DFDF25

#DFDF25

对比度

6.11:1

Delta E

196.81

Very Different

50:50 混合

#B08197

颜色值

格式 #2525DF #DFDF25
HEX #2525DF #DFDF25
RGB 37, 37, 223 223, 223, 37
HSL 240.0, 74.4%, 51.0% 60.0, 74.4%, 51.0%
HSV 240.0, 83.4%, 87.5% 60.0, 83.4%, 87.5%
CMYK 83.4%, 83.4%, 0.0%, 12.5% 0.0%, 0.0%, 83.4%, 12.5%
OKLCH 0.4402 0.2616 268.7 0.8755 0.1835 109.7

对比度与无障碍

6.11:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDF25 → 背景色: #2525DF

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

文本: #2525DF → 背景色: #DFDF25

色差 (Delta E)

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

渐变

#2525DF #7244C8 #9662B0 #B08197 #C3A07C #D3BF5B #DFDF25

颜色混合

#2525DF

100%

#8653BC

75:25

#B08197

50:50

#CCAF6D

25:75

#DFDF25

100%

CSS渐变代码

background: linear-gradient(to right, #2525DF, #DFDF25);
background: linear-gradient(135deg, #2525DF, #DFDF25);

探索每种颜色

#2525DF

查看完整颜色详情

#DFDF25

查看完整颜色详情

相关比较