#6166DF

#6166DF

#DFDA61

#DFDA61

对比度

3.2:1

Delta E

135.06

Very Different

50:50 混合

#B39EA7

颜色值

格式 #6166DF #DFDA61
HEX #6166DF #DFDA61
RGB 97, 102, 223 223, 218, 97
HSL 237.6, 66.3%, 62.7% 57.6, 66.3%, 62.7%
HSV 237.6, 56.5%, 87.5% 57.6, 56.5%, 87.5%
CMYK 56.5%, 54.3%, 0.0%, 12.5% 0.0%, 2.2%, 56.5%, 12.5%
OKLCH 0.5709 0.1808 277.2 0.869 0.1425 106.8

对比度与无障碍

3.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDA61 → 背景色: #6166DF

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

文本: #6166DF → 背景色: #DFDA61

色差 (Delta E)

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

渐变

#6166DF #8578CD #9F8ABA #B39EA7 #C4B192 #D2C57B #DFDA61

颜色混合

#6166DF

100%

#9381C3

75:25

#B39EA7

50:50

#CBBB87

25:75

#DFDA61

100%

CSS渐变代码

background: linear-gradient(to right, #6166DF, #DFDA61);
background: linear-gradient(135deg, #6166DF, #DFDA61);

探索每种颜色

#6166DF

查看完整颜色详情

#DFDA61

查看完整颜色详情

相关比较