#6F79DF

#6F79DF

#DFD56F

#DFD56F

对比度

2.54:1

Delta E

113.85

Very Different

50:50 混合

#B5A5AB

颜色值

格式 #6F79DF #DFD56F
HEX #6F79DF #DFD56F
RGB 111, 121, 223 223, 213, 111
HSL 234.6, 63.6%, 65.5% 54.6, 63.6%, 65.5%
HSV 234.6, 50.2%, 87.5% 54.6, 50.2%, 87.5%
CMYK 50.2%, 45.7%, 0.0%, 12.5% 0.0%, 4.5%, 50.2%, 12.5%
OKLCH 0.6163 0.1528 276.7 0.8602 0.1245 103.7

对比度与无障碍

2.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD56F → 背景色: #6F79DF

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

文本: #6F79DF → 背景色: #DFD56F

色差 (Delta E)

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

渐变

#6F79DF #8C87CE #A396BD #B5A5AB #C5B599 #D3C585 #DFD56F

颜色混合

#6F79DF

100%

#988EC6

75:25

#B5A5AB

50:50

#CCBD8F

25:75

#DFD56F

100%

CSS渐变代码

background: linear-gradient(to right, #6F79DF, #DFD56F);
background: linear-gradient(135deg, #6F79DF, #DFD56F);

探索每种颜色

#6F79DF

查看完整颜色详情

#DFD56F

查看完整颜色详情

相关比较