#6865DF

#6865DF

#DCDF65

#DCDF65

对比度

3.27:1

Delta E

136.31

Very Different

50:50 混合

#B4A0A9

颜色值

格式 #6865DF #DCDF65
HEX #6865DF #DCDF65
RGB 104, 101, 223 220, 223, 101
HSL 241.5, 65.6%, 63.5% 61.5, 65.6%, 63.5%
HSV 241.5, 54.7%, 87.5% 61.5, 54.7%, 87.5%
CMYK 53.4%, 54.7%, 0.0%, 12.5% 1.3%, 0.0%, 54.7%, 12.5%
OKLCH 0.574 0.1807 280.2 0.8775 0.1447 110.3

对比度与无障碍

3.27:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DCDF65 → 背景色: #6865DF

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

文本: #6865DF → 背景色: #DCDF65

色差 (Delta E)

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

渐变

#6865DF #8978CD #A18CBB #B4A0A9 #C3B595 #D1CA7F #DCDF65

颜色混合

#6865DF

100%

#9682C4

75:25

#B4A0A9

50:50

#CABF8A

25:75

#DCDF65

100%

CSS渐变代码

background: linear-gradient(to right, #6865DF, #DCDF65);
background: linear-gradient(135deg, #6865DF, #DCDF65);

探索每种颜色

#6865DF

查看完整颜色详情

#DCDF65

查看完整颜色详情

相关比较