#34DF59

#34DF59

#DF34BA

#DF34BA

对比度

2.22:1

Delta E

169.73

Very Different

50:50 混合

#AF9E8F

颜色值

格式 #34DF59 #DF34BA
HEX #34DF59 #DF34BA
RGB 52, 223, 89 223, 52, 186
HSL 133.0, 72.8%, 53.9% 313.0, 72.8%, 53.9%
HSV 133.0, 76.7%, 87.5% 313.0, 76.7%, 87.5%
CMYK 76.7%, 0.0%, 60.1%, 12.5% 0.0%, 76.7%, 16.6%, 12.5%
OKLCH 0.7926 0.2228 146.3 0.633 0.2421 338.6

对比度与无障碍

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF34BA → 背景色: #34DF59

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

文本: #34DF59 → 背景色: #DF34BA

色差 (Delta E)

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

渐变

#34DF59 #74CB6D #96B57F #AF9E8F #C2849E #D264AC #DF34BA

颜色混合

#34DF59

100%

#87C077

75:25

#AF9E8F

50:50

#CA75A5

25:75

#DF34BA

100%

CSS渐变代码

background: linear-gradient(to right, #34DF59, #DF34BA);
background: linear-gradient(135deg, #34DF59, #DF34BA);

探索每种颜色

#34DF59

查看完整颜色详情

#DF34BA

查看完整颜色详情

相关比较