#AB8FDF

#AB8FDF

#C3DF8F

#C3DF8F

对比度

1.85:1

Delta E

90.46

Very Different

50:50 混合

#BCB7B9

颜色值

格式 #AB8FDF #C3DF8F
HEX #AB8FDF #C3DF8F
RGB 171, 143, 223 195, 223, 143
HSL 261.0, 55.6%, 71.8% 81.0, 55.6%, 71.8%
HSV 261.0, 35.9%, 87.5% 81.0, 35.9%, 87.5%
CMYK 23.3%, 35.9%, 0.0%, 12.5% 12.6%, 0.0%, 35.9%, 12.5%
OKLCH 0.706 0.1177 299.5 0.8644 0.1084 124.3

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C3DF8F → 背景色: #AB8FDF

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

文本: #AB8FDF → 背景色: #C3DF8F

色差 (Delta E)

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

渐变

#AB8FDF #B29CD3 #B8AAC6 #BCB7B9 #C0C4AC #C2D29E #C3DF8F

颜色混合

#AB8FDF

100%

#B5A3CC

75:25

#BCB7B9

50:50

#C1CBA5

25:75

#C3DF8F

100%

CSS渐变代码

background: linear-gradient(to right, #AB8FDF, #C3DF8F);
background: linear-gradient(135deg, #AB8FDF, #C3DF8F);

探索每种颜色

#AB8FDF

查看完整颜色详情

#C3DF8F

查看完整颜色详情

相关比较