#2B2BDF

#2B2BDF

#DFDF2B

#DFDF2B

对比度

5.86:1

Delta E

192.58

Very Different

50:50 混合

#B08398

颜色值

格式 #2B2BDF #DFDF2B
HEX #2B2BDF #DFDF2B
RGB 43, 43, 223 223, 223, 43
HSL 240.0, 73.8%, 52.2% 60.0, 73.8%, 52.2%
HSV 240.0, 80.7%, 87.5% 60.0, 80.7%, 87.5%
CMYK 80.7%, 80.7%, 0.0%, 12.5% 0.0%, 0.0%, 80.7%, 12.5%
OKLCH 0.449 0.2559 269.8 0.8757 0.1813 109.6

对比度与无障碍

5.86:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDF2B → 背景色: #2B2BDF

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

文本: #2B2BDF → 背景色: #DFDF2B

色差 (Delta E)

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

渐变

#2B2BDF #7348C8 #9666B1 #B08398 #C3A17E #D3C05E #DFDF2B

颜色混合

#2B2BDF

100%

#8657BD

75:25

#B08398

50:50

#CBB16F

25:75

#DFDF2B

100%

CSS渐变代码

background: linear-gradient(to right, #2B2BDF, #DFDF2B);
background: linear-gradient(135deg, #2B2BDF, #DFDF2B);

探索每种颜色

#2B2BDF

查看完整颜色详情

#DFDF2B

查看完整颜色详情

相关比较