#A376DF

#A376DF

#B2DF76

#B2DF76

对比度

2.21:1

Delta E

119.95

Very Different

50:50 混合

#B4ABAE

颜色值

格式 #A376DF #B2DF76
HEX #A376DF #B2DF76
RGB 163, 118, 223 178, 223, 118
HSL 265.7, 62.1%, 66.9% 85.7, 62.1%, 66.9%
HSV 265.7, 47.1%, 87.5% 85.7, 47.1%, 87.5%
CMYK 26.9%, 47.1%, 0.0%, 12.5% 20.2%, 0.0%, 47.1%, 12.5%
OKLCH 0.6546 0.1564 302.0 0.8488 0.1422 128.2

对比度与无障碍

2.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B2DF76 → 背景色: #A376DF

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

文本: #A376DF → 背景色: #B2DF76

色差 (Delta E)

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

渐变

#A376DF #AB88CF #B09ABF #B4ABAE #B5BD9D #B5CE8A #B2DF76

颜色混合

#A376DF

100%

#AE91C7

75:25

#B4ABAE

50:50

#B5C594

25:75

#B2DF76

100%

CSS渐变代码

background: linear-gradient(to right, #A376DF, #B2DF76);
background: linear-gradient(135deg, #A376DF, #B2DF76);

探索每种颜色

#A376DF

查看完整颜色详情

#B2DF76

查看完整颜色详情

相关比较