#6262DF

#6262DF

#DFDF62

#DFDF62

对比度

3.43:1

Delta E

139.67

Very Different

50:50 混合

#B49EA8

颜色值

格式 #6262DF #DFDF62
HEX #6262DF #DFDF62
RGB 98, 98, 223 223, 223, 98
HSL 240.0, 66.1%, 62.9% 60.0, 66.1%, 62.9%
HSV 240.0, 56.1%, 87.5% 60.0, 56.1%, 87.5%
CMYK 56.1%, 56.1%, 0.0%, 12.5% 0.0%, 0.0%, 56.1%, 12.5%
OKLCH 0.5644 0.1857 278.6 0.8796 0.1468 109.1

对比度与无障碍

3.43:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDF62 → 背景色: #6262DF

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

文本: #6262DF → 背景色: #DFDF62

色差 (Delta E)

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

渐变

#6262DF #8675CD #A089BB #B49EA8 #C4B393 #D3C97D #DFDF62

颜色混合

#6262DF

100%

#947FC4

75:25

#B49EA8

50:50

#CCBE88

25:75

#DFDF62

100%

CSS渐变代码

background: linear-gradient(to right, #6262DF, #DFDF62);
background: linear-gradient(135deg, #6262DF, #DFDF62);

探索每种颜色

#6262DF

查看完整颜色详情

#DFDF62

查看完整颜色详情

相关比较