#84A0FA

#84A0FA

#FADE84

#FADE84

对比度

1.89:1

Delta E

99.08

Very Different

50:50 混合

#CDBEC2

颜色值

格式 #84A0FA #FADE84
HEX #84A0FA #FADE84
RGB 132, 160, 250 250, 222, 132
HSL 225.8, 92.2%, 74.9% 45.8, 92.2%, 74.9%
HSV 225.8, 47.2%, 98.0% 45.8, 47.2%, 98.0%
CMYK 47.2%, 36.0%, 0.0%, 2.0% 0.0%, 11.2%, 47.2%, 2.0%
OKLCH 0.7224 0.1351 269.7 0.9049 0.1142 92.7

对比度与无障碍

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FADE84 → 背景色: #84A0FA

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

文本: #84A0FA → 背景色: #FADE84

色差 (Delta E)

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

渐变

#84A0FA #A2A9E8 #B9B3D5 #CDBEC2 #DDC8AE #ECD39A #FADE84

颜色混合

#84A0FA

100%

#AEAEDE

75:25

#CDBEC2

50:50

#E5CDA4

25:75

#FADE84

100%

CSS渐变代码

background: linear-gradient(to right, #84A0FA, #FADE84);
background: linear-gradient(135deg, #84A0FA, #FADE84);

探索每种颜色

#84A0FA

查看完整颜色详情

#FADE84

查看完整颜色详情

相关比较