#ADFF5D

#ADFF5D

#AF5DFF

#AF5DFF

对比度

2.96:1

Delta E

179.25

Very Different

50:50 混合

#C2B3B7

颜色值

格式 #ADFF5D #AF5DFF
HEX #ADFF5D #AF5DFF
RGB 173, 255, 93 175, 93, 255
HSL 90.4, 100.0%, 68.2% 270.4, 100.0%, 68.2%
HSV 90.4, 63.5%, 100.0% 270.4, 63.5%, 100.0%
CMYK 32.2%, 0.0%, 63.5%, 0.0% 31.4%, 63.5%, 0.0%, 0.0%
OKLCH 0.916 0.2084 132.2 0.6499 0.2322 303.9

对比度与无障碍

2.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5DFF → 背景色: #ADFF5D

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

文本: #ADFF5D → 背景色: #AF5DFF

色差 (Delta E)

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

渐变

#ADFF5D #B9E680 #C0CD9D #C2B3B7 #C098D0 #BA7CE8 #AF5DFF

颜色混合

#ADFF5D

100%

#BDD98F

75:25

#C2B3B7

50:50

#BD8ADC

25:75

#AF5DFF

100%

CSS渐变代码

background: linear-gradient(to right, #ADFF5D, #AF5DFF);
background: linear-gradient(135deg, #ADFF5D, #AF5DFF);

探索每种颜色

#ADFF5D

查看完整颜色详情

#AF5DFF

查看完整颜色详情

相关比较