#4F5DDF

#4F5DDF

#DFD14F

#DFD14F

对比度

3.37:1

Delta E

144.45

Very Different

50:50 混合

#B0949F

颜色值

格式 #4F5DDF #DFD14F
HEX #4F5DDF #DFD14F
RGB 79, 93, 223 223, 209, 79
HSL 234.2, 69.2%, 59.2% 54.2, 69.2%, 59.2%
HSV 234.2, 64.6%, 87.5% 54.2, 64.6%, 87.5%
CMYK 64.6%, 58.3%, 0.0%, 12.5% 0.0%, 6.3%, 64.6%, 12.5%
OKLCH 0.543 0.1963 273.3 0.8485 0.1484 103.2

对比度与无障碍

3.37:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD14F → 背景色: #4F5DDF

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

文本: #4F5DDF → 背景色: #DFD14F

色差 (Delta E)

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

渐变

#4F5DDF #7C6ECA #9A81B5 #B0949F #C2A888 #D2BC6F #DFD14F

颜色混合

#4F5DDF

100%

#8C77C0

75:25

#B0949F

50:50

#CAB27C

25:75

#DFD14F

100%

CSS渐变代码

background: linear-gradient(to right, #4F5DDF, #DFD14F);
background: linear-gradient(135deg, #4F5DDF, #DFD14F);

探索每种颜色

#4F5DDF

查看完整颜色详情

#DFD14F

查看完整颜色详情

相关比较