#8BA7FA

#8BA7FA

#FADE8B

#FADE8B

对比度

1.76:1

Delta E

91.51

Very Different

50:50 混合

#CEC1C5

颜色值

格式 #8BA7FA #FADE8B
HEX #8BA7FA #FADE8B
RGB 139, 167, 250 250, 222, 139
HSL 224.9, 91.7%, 76.3% 44.9, 91.7%, 76.3%
HSV 224.9, 44.4%, 98.0% 44.9, 44.4%, 98.0%
CMYK 44.4%, 33.2%, 0.0%, 2.0% 0.0%, 11.2%, 44.4%, 2.0%
OKLCH 0.741 0.1246 269.0 0.9059 0.1071 91.4

对比度与无障碍

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FADE8B → 背景色: #8BA7FA

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

文本: #8BA7FA → 背景色: #FADE8B

色差 (Delta E)

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

渐变

#8BA7FA #A6AFE8 #BCB8D7 #CEC1C5 #DECBB2 #EDD49F #FADE8B

颜色混合

#8BA7FA

100%

#B2B4E0

75:25

#CEC1C5

50:50

#E6CFA9

25:75

#FADE8B

100%

CSS渐变代码

background: linear-gradient(to right, #8BA7FA, #FADE8B);
background: linear-gradient(135deg, #8BA7FA, #FADE8B);

探索每种颜色

#8BA7FA

查看完整颜色详情

#FADE8B

查看完整颜色详情

相关比较