#406FF8

#406FF8

#F8C940

#F8C940

对比度

2.77:1

Delta E

149.61

Very Different

50:50 混合

#C098A6

颜色值

格式 #406FF8 #F8C940
HEX #406FF8 #F8C940
RGB 64, 111, 248 248, 201, 64
HSL 224.7, 92.9%, 61.2% 44.7, 92.9%, 61.2%
HSV 224.7, 74.2%, 97.3% 44.7, 74.2%, 97.3%
CMYK 74.2%, 55.2%, 0.0%, 2.7% 0.0%, 19.0%, 74.2%, 2.7%
OKLCH 0.5885 0.2113 265.8 0.8546 0.1551 89.0

对比度与无障碍

2.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F8C940 → 背景色: #406FF8

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

文本: #406FF8 → 背景色: #F8C940

色差 (Delta E)

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

渐变

#406FF8 #817CDD #A689C2 #C098A6 #D6A889 #E8B869 #F8C940

颜色混合

#406FF8

100%

#9582CF

75:25

#C098A6

50:50

#DFB079

25:75

#F8C940

100%

CSS渐变代码

background: linear-gradient(to right, #406FF8, #F8C940);
background: linear-gradient(135deg, #406FF8, #F8C940);

探索每种颜色

#406FF8

查看完整颜色详情

#F8C940

查看完整颜色详情

相关比较