#406FF5

#406FF5

#F5C640

#F5C640

对比度

2.71:1

Delta E

146.88

Very Different

50:50 混合

#BE97A4

颜色值

格式 #406FF5 #F5C640
HEX #406FF5 #F5C640
RGB 64, 111, 245 245, 198, 64
HSL 224.4, 90.0%, 60.6% 44.4, 90.0%, 60.6%
HSV 224.4, 73.9%, 96.1% 44.4, 73.9%, 96.1%
CMYK 73.9%, 54.7%, 0.0%, 3.9% 0.0%, 19.2%, 73.9%, 3.9%
OKLCH 0.5862 0.2075 265.6 0.8457 0.1529 88.6

对比度与无障碍

2.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F5C640 → 背景色: #406FF5

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

文本: #406FF5 → 背景色: #F5C640

色差 (Delta E)

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

渐变

#406FF5 #807BDA #A489BF #BE97A4 #D3A687 #E5B668 #F5C640

颜色混合

#406FF5

100%

#9482CD

75:25

#BE97A4

50:50

#DDAE78

25:75

#F5C640

100%

CSS渐变代码

background: linear-gradient(to right, #406FF5, #F5C640);
background: linear-gradient(135deg, #406FF5, #F5C640);

探索每种颜色

#406FF5

查看完整颜色详情

#F5C640

查看完整颜色详情

相关比较