#5CDF89

#5CDF89

#DF5CB2

#DF5CB2

对比度

1.96:1

Delta E

128.15

Very Different

50:50 混合

#B3A79F

颜色值

格式 #5CDF89 #DF5CB2
HEX #5CDF89 #DF5CB2
RGB 92, 223, 137 223, 92, 178
HSL 140.6, 67.2%, 61.8% 320.6, 67.2%, 61.8%
HSV 140.6, 58.7%, 87.5% 320.6, 58.7%, 87.5%
CMYK 58.7%, 0.0%, 38.6%, 12.5% 0.0%, 58.7%, 20.2%, 12.5%
OKLCH 0.8096 0.1679 152.0 0.6674 0.1883 343.2

对比度与无障碍

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

文本可读性

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

文本: #DF5CB2 → 背景色: #5CDF89

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

文本: #5CDF89 → 背景色: #DF5CB2

色差 (Delta E)

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

渐变

#5CDF89 #83CD91 #9EBB98 #B3A79F #C492A6 #D27AAC #DF5CB2

颜色混合

#5CDF89

100%

#92C495

75:25

#B3A79F

50:50

#CB86A9

25:75

#DF5CB2

100%

CSS渐变代码

background: linear-gradient(to right, #5CDF89, #DF5CB2);
background: linear-gradient(135deg, #5CDF89, #DF5CB2);

探索每种颜色

#5CDF89

查看完整颜色详情

#DF5CB2

查看完整颜色详情

相关比较