#5CDF69

#5CDF69

#DF5CD2

#DF5CD2

对比度

1.85:1

Delta E

151.42

Very Different

50:50 混合

#B4A8A1

颜色值

格式 #5CDF69 #DF5CD2
HEX #5CDF69 #DF5CD2
RGB 92, 223, 105 223, 92, 210
HSL 126.0, 67.2%, 61.8% 306.0, 67.2%, 61.8%
HSV 126.0, 58.7%, 87.5% 306.0, 58.7%, 87.5%
CMYK 58.7%, 0.0%, 52.9%, 12.5% 0.0%, 58.7%, 5.8%, 12.5%
OKLCH 0.8045 0.1967 145.2 0.6815 0.2113 331.7

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF5CD2 → 背景色: #5CDF69

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

文本: #5CDF69 → 背景色: #DF5CD2

色差 (Delta E)

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

渐变

#5CDF69 #84CE7D #9FBC90 #B4A8A1 #C593B2 #D37BC2 #DF5CD2

颜色混合

#5CDF69

100%

#92C587

75:25

#B4A8A1

50:50

#CC87BA

25:75

#DF5CD2

100%

CSS渐变代码

background: linear-gradient(to right, #5CDF69, #DF5CD2);
background: linear-gradient(135deg, #5CDF69, #DF5CD2);

探索每种颜色

#5CDF69

查看完整颜色详情

#DF5CD2

查看完整颜色详情

相关比较