#84A2FD

#84A2FD

#FDDF84

#FDDF84

对比度

1.88:1

Delta E

100.14

Very Different

50:50 混合

#CFBFC3

颜色值

格式 #84A2FD #FDDF84
HEX #84A2FD #FDDF84
RGB 132, 162, 253 253, 223, 132
HSL 225.1, 96.8%, 75.5% 45.1, 96.8%, 75.5%
HSV 225.1, 47.8%, 99.2% 45.1, 47.8%, 99.2%
CMYK 47.8%, 36.0%, 0.0%, 0.8% 0.0%, 11.9%, 47.8%, 0.8%
OKLCH 0.728 0.1368 269.0 0.9096 0.1157 91.7

对比度与无障碍

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDDF84 → 背景色: #84A2FD

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

文本: #84A2FD → 背景色: #FDDF84

色差 (Delta E)

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

渐变

#84A2FD #A3ABEA #BBB5D7 #CFBFC3 #E0C9AF #EFD49A #FDDF84

颜色混合

#84A2FD

100%

#AFB0E0

75:25

#CFBFC3

50:50

#E8CFA5

25:75

#FDDF84

100%

CSS渐变代码

background: linear-gradient(to right, #84A2FD, #FDDF84);
background: linear-gradient(135deg, #84A2FD, #FDDF84);

探索每种颜色

#84A2FD

查看完整颜色详情

#FDDF84

查看完整颜色详情

相关比较