#5D61DF

#5D61DF

#DFDB5D

#DFDB5D

对比度

3.4:1

Delta E

140.57

Very Different

50:50 混合

#B39BA5

颜色值

格式 #5D61DF #DFDB5D
HEX #5D61DF #DFDB5D
RGB 93, 97, 223 223, 219, 93
HSL 238.2, 67.0%, 62.0% 58.2, 67.0%, 62.0%
HSV 238.2, 58.3%, 87.5% 58.2, 58.3%, 87.5%
CMYK 58.3%, 56.5%, 0.0%, 12.5% 0.0%, 1.8%, 58.3%, 12.5%
OKLCH 0.5591 0.188 277.1 0.8707 0.1469 107.4

对比度与无障碍

3.4:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDB5D → 背景色: #5D61DF

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

文本: #5D61DF → 背景色: #DFDB5D

色差 (Delta E)

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

渐变

#5D61DF #8374CC #9E87B9 #B39BA5 #C4B090 #D2C579 #DFDB5D

颜色混合

#5D61DF

100%

#917DC3

75:25

#B39BA5

50:50

#CBBB85

25:75

#DFDB5D

100%

CSS渐变代码

background: linear-gradient(to right, #5D61DF, #DFDB5D);
background: linear-gradient(135deg, #5D61DF, #DFDB5D);

探索每种颜色

#5D61DF

查看完整颜色详情

#DFDB5D

查看完整颜色详情

相关比较