#6663DF

#6663DF

#DCDF63

#DCDF63

对比度

3.35:1

Delta E

138.51

Very Different

50:50 混合

#B39FA8

颜色值

格式 #6663DF #DCDF63
HEX #6663DF #DCDF63
RGB 102, 99, 223 220, 223, 99
HSL 241.5, 66.0%, 63.1% 61.5, 66.0%, 63.1%
HSV 241.5, 55.6%, 87.5% 61.5, 55.6%, 87.5%
CMYK 54.3%, 55.6%, 0.0%, 12.5% 1.3%, 0.0%, 55.6%, 12.5%
OKLCH 0.569 0.1837 279.9 0.8773 0.1464 110.3

对比度与无障碍

3.35:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DCDF63 → 背景色: #6663DF

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

文本: #6663DF → 背景色: #DCDF63

色差 (Delta E)

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

渐变

#6663DF #8876CD #A08ABB #B39FA8 #C3B494 #D1C97D #DCDF63

颜色混合

#6663DF

100%

#9580C4

75:25

#B39FA8

50:50

#CABE89

25:75

#DCDF63

100%

CSS渐变代码

background: linear-gradient(to right, #6663DF, #DCDF63);
background: linear-gradient(135deg, #6663DF, #DCDF63);

探索每种颜色

#6663DF

查看完整颜色详情

#DCDF63

查看完整颜色详情

相关比较