#5DDF8D

#5DDF8D

#DF5DAF

#DF5DAF

对比度

1.96:1

Delta E

125.07

Very Different

50:50 混合

#B3A7A0

颜色值

格式 #5DDF8D #DF5DAF
HEX #5DDF8D #DF5DAF
RGB 93, 223, 141 223, 93, 175
HSL 142.2, 67.0%, 62.0% 322.2, 67.0%, 62.0%
HSV 142.2, 58.3%, 87.5% 322.2, 58.3%, 87.5%
CMYK 58.3%, 0.0%, 36.8%, 12.5% 0.0%, 58.3%, 21.5%, 12.5%
OKLCH 0.8107 0.1638 153.0 0.6675 0.185 344.5

对比度与无障碍

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF5DAF → 背景色: #5DDF8D

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

文本: #5DDF8D → 背景色: #DF5DAF

色差 (Delta E)

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

渐变

#5DDF8D #84CD94 #9EBB9A #B3A7A0 #C492A5 #D37AAA #DF5DAF

颜色混合

#5DDF8D

100%

#92C497

75:25

#B3A7A0

50:50

#CC87A8

25:75

#DF5DAF

100%

CSS渐变代码

background: linear-gradient(to right, #5DDF8D, #DF5DAF);
background: linear-gradient(135deg, #5DDF8D, #DF5DAF);

探索每种颜色

#5DDF8D

查看完整颜色详情

#DF5DAF

查看完整颜色详情

相关比较