#6F77DF

#6F77DF

#DFD76F

#DFD76F

对比度

2.62:1

Delta E

116.1

Very Different

50:50 混合

#B5A5AC

颜色值

格式 #6F77DF #DFD76F
HEX #6F77DF #DFD76F
RGB 111, 119, 223 223, 215, 111
HSL 235.7, 63.6%, 65.5% 55.7, 63.6%, 65.5%
HSV 235.7, 50.2%, 87.5% 55.7, 50.2%, 87.5%
CMYK 50.2%, 46.6%, 0.0%, 12.5% 0.0%, 3.6%, 50.2%, 12.5%
OKLCH 0.6124 0.1555 277.4 0.8644 0.1266 104.8

对比度与无障碍

2.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD76F → 背景色: #6F77DF

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

文本: #6F77DF → 背景色: #DFD76F

色差 (Delta E)

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

渐变

#6F77DF #8D86CE #A395BD #B5A5AC #C5B599 #D3C685 #DFD76F

颜色混合

#6F77DF

100%

#988DC6

75:25

#B5A5AC

50:50

#CCBE8F

25:75

#DFD76F

100%

CSS渐变代码

background: linear-gradient(to right, #6F77DF, #DFD76F);
background: linear-gradient(135deg, #6F77DF, #DFD76F);

探索每种颜色

#6F77DF

查看完整颜色详情

#DFD76F

查看完整颜色详情

相关比较