#4F92FD

#4F92FD

#FDBA4F

#FDBA4F

对比度

1.79:1

Delta E

122.71

Very Different

50:50 混合

#C6A4AB

颜色值

格式 #4F92FD #FDBA4F
HEX #4F92FD #FDBA4F
RGB 79, 146, 253 253, 186, 79
HSL 216.9, 97.8%, 65.1% 36.9, 97.8%, 65.1%
HSV 216.9, 68.8%, 99.2% 36.9, 68.8%, 99.2%
CMYK 68.8%, 42.3%, 0.0%, 0.8% 0.0%, 26.5%, 68.8%, 0.8%
OKLCH 0.6681 0.1731 259.4 0.8323 0.1432 75.9

对比度与无障碍

1.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDBA4F → 背景色: #4F92FD

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

文本: #4F92FD → 背景色: #FDBA4F

色差 (Delta E)

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

渐变

#4F92FD #8997E2 #AC9DC6 #C6A4AB #DBAB8F #EDB271 #FDBA4F

颜色混合

#4F92FD

100%

#9C9AD4

75:25

#C6A4AB

50:50

#E4AF80

25:75

#FDBA4F

100%

CSS渐变代码

background: linear-gradient(to right, #4F92FD, #FDBA4F);
background: linear-gradient(135deg, #4F92FD, #FDBA4F);

探索每种颜色

#4F92FD

查看完整颜色详情

#FDBA4F

查看完整颜色详情

相关比较