#5ADF6B

#5ADF6B

#DF5ACE

#DF5ACE

对比度

1.88:1

Delta E

150.45

Very Different

50:50 混合

#B3A8A0

颜色值

格式 #5ADF6B #DF5ACE
HEX #5ADF6B #DF5ACE
RGB 90, 223, 107 223, 90, 206
HSL 127.7, 67.5%, 61.4% 307.7, 67.5%, 61.4%
HSV 127.7, 59.6%, 87.5% 307.7, 59.6%, 87.5%
CMYK 59.6%, 0.0%, 52.0%, 12.5% 0.0%, 59.6%, 7.6%, 12.5%
OKLCH 0.8041 0.1958 145.8 0.6773 0.211 332.9

对比度与无障碍

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF5ACE → 背景色: #5ADF6B

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

文本: #5ADF6B → 背景色: #DF5ACE

色差 (Delta E)

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

渐变

#5ADF6B #83CE7E #9EBB90 #B3A8A0 #C492B0 #D379BF #DF5ACE

颜色混合

#5ADF6B

100%

#91C587

75:25

#B3A8A0

50:50

#CC86B8

25:75

#DF5ACE

100%

CSS渐变代码

background: linear-gradient(to right, #5ADF6B, #DF5ACE);
background: linear-gradient(135deg, #5ADF6B, #DF5ACE);

探索每种颜色

#5ADF6B

查看完整颜色详情

#DF5ACE

查看完整颜色详情

相关比较