#4F6DF2

#4F6DF2

#F2D44F

#F2D44F

对比度

2.98:1

Delta E

145.74

Very Different

50:50 混合

#BE9DA9

颜色值

格式 #4F6DF2 #F2D44F
HEX #4F6DF2 #F2D44F
RGB 79, 109, 242 242, 212, 79
HSL 229.0, 86.2%, 62.9% 49.0, 86.2%, 62.9%
HSV 229.0, 67.4%, 94.9% 49.0, 67.4%, 94.9%
CMYK 67.4%, 55.0%, 0.0%, 5.1% 0.0%, 12.4%, 67.4%, 5.1%
OKLCH 0.587 0.2019 269.6 0.8717 0.1512 96.3

对比度与无障碍

2.98:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2D44F → 背景色: #4F6DF2

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

文本: #4F6DF2 → 背景色: #F2D44F

色差 (Delta E)

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

渐变

#4F6DF2 #847CDA #A58CC2 #BE9DA9 #D2AF8F #E3C172 #F2D44F

颜色混合

#4F6DF2

100%

#9684CE

75:25

#BE9DA9

50:50

#DBB881

25:75

#F2D44F

100%

CSS渐变代码

background: linear-gradient(to right, #4F6DF2, #F2D44F);
background: linear-gradient(135deg, #4F6DF2, #F2D44F);

探索每种颜色

#4F6DF2

查看完整颜色详情

#F2D44F

查看完整颜色详情

相关比较