#BABAFF

#BABAFF

#FFFFBA

#FFFFBA

对比度

1.75:1

Delta E

74.58

Very Different

50:50 混合

#E1DCDE

颜色值

格式 #BABAFF #FFFFBA
HEX #BABAFF #FFFFBA
RGB 186, 186, 255 255, 255, 186
HSL 240.0, 100.0%, 86.5% 60.0, 100.0%, 86.5%
HSV 240.0, 27.1%, 100.0% 60.0, 27.1%, 100.0%
CMYK 27.1%, 27.1%, 0.0%, 0.0% 0.0%, 0.0%, 27.1%, 0.0%
OKLCH 0.8137 0.0968 284.0 0.9839 0.0872 107.9

对比度与无障碍

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FFFFBA → 背景色: #BABAFF

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

文本: #BABAFF → 背景色: #FFFFBA

色差 (Delta E)

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

渐变

#BABAFF #C8C5F4 #D5D0E9 #E1DCDE #ECE7D2 #F6F3C6 #FFFFBA

颜色混合

#BABAFF

100%

#CFCBEF

75:25

#E1DCDE

50:50

#F1EDCD

25:75

#FFFFBA

100%

CSS渐变代码

background: linear-gradient(to right, #BABAFF, #FFFFBA);
background: linear-gradient(135deg, #BABAFF, #FFFFBA);

探索每种颜色

#BABAFF

查看完整颜色详情

#FFFFBA

查看完整颜色详情

相关比较