#6368DF

#6368DF

#DFDA63

#DFDA63

对比度

3.13:1

Delta E

132.86

Very Different

50:50 混合

#B39FA7

颜色值

格式 #6368DF #DFDA63
HEX #6368DF #DFDA63
RGB 99, 104, 223 223, 218, 99
HSL 237.6, 66.0%, 63.1% 57.6, 66.0%, 63.1%
HSV 237.6, 55.6%, 87.5% 57.6, 55.6%, 87.5%
CMYK 55.6%, 53.4%, 0.0%, 12.5% 0.0%, 2.2%, 55.6%, 12.5%
OKLCH 0.5759 0.1778 277.4 0.8692 0.1407 106.8

对比度与无障碍

3.13:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDA63 → 背景色: #6368DF

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

文本: #6368DF → 背景色: #DFDA63

色差 (Delta E)

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

渐变

#6368DF #8679CD #9F8CBB #B39FA7 #C4B293 #D2C67D #DFDA63

颜色混合

#6368DF

100%

#9483C4

75:25

#B39FA7

50:50

#CCBC88

25:75

#DFDA63

100%

CSS渐变代码

background: linear-gradient(to right, #6368DF, #DFDA63);
background: linear-gradient(135deg, #6368DF, #DFDA63);

探索每种颜色

#6368DF

查看完整颜色详情

#DFDA63

查看完整颜色详情

相关比较