#7492FD

#7492FD

#FDDF74

#FDDF74

对比度

2.2:1

Delta E

117.33

Very Different

50:50 混合

#CBB6BD

颜色值

格式 #7492FD #FDDF74
HEX #7492FD #FDDF74
RGB 116, 146, 253 253, 223, 116
HSL 226.9, 97.2%, 72.4% 46.9, 97.2%, 72.4%
HSV 226.9, 54.2%, 99.2% 46.9, 54.2%, 99.2%
CMYK 54.2%, 42.3%, 0.0%, 0.8% 0.0%, 11.9%, 54.2%, 0.8%
OKLCH 0.6864 0.161 270.0 0.9075 0.1309 94.0

对比度与无障碍

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDDF74 → 背景色: #7492FD

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

文本: #7492FD → 背景色: #FDDF74

色差 (Delta E)

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

渐变

#7492FD #9A9EE8 #B5AAD3 #CBB6BD #DEC4A6 #EED18E #FDDF74

颜色混合

#7492FD

100%

#A8A4DD

75:25

#CBB6BD

50:50

#E6CA9B

25:75

#FDDF74

100%

CSS渐变代码

background: linear-gradient(to right, #7492FD, #FDDF74);
background: linear-gradient(135deg, #7492FD, #FDDF74);

探索每种颜色

#7492FD

查看完整颜色详情

#FDDF74

查看完整颜色详情

相关比较