#AF55CF

#AF55CF

white

#FFFFFF

对比度

4.18:1

Delta E

87.66

Very Different

50:50 混合

#DAABE8

颜色值

格式 #AF55CF #FFFFFF
HEX #AF55CF #FFFFFF
RGB 175, 85, 207 255, 255, 255
HSL 284.3, 56.0%, 57.3% 0.0, 0.0%, 100.0%
HSV 284.3, 58.9%, 81.2% 0.0, 0.0%, 100.0%
CMYK 15.5%, 58.9%, 0.0%, 18.8% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.6096 0.1937 316.3 1.0 0.0 89.9

对比度与无障碍

4.18:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #FFFFFF → 背景色: #AF55CF

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

文本: #AF55CF → 背景色: #FFFFFF

色差 (Delta E)

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

渐变

#AF55CF #BE73D7 #CD8FE0 #DAABE8 #E7C7F0 #F3E3F7 #FFFFFF

颜色混合

#AF55CF

100%

#C581DC

75:25

#DAABE8

50:50

#EDD5F4

25:75

#FFFFFF

100%

CSS渐变代码

background: linear-gradient(to right, #AF55CF, #FFFFFF);
background: linear-gradient(135deg, #AF55CF, #FFFFFF);

探索每种颜色

#AF55CF

查看完整颜色详情

white

查看完整颜色详情

相关比较