Javascript récupérer style CSS

Bonjour,

J'ai un problème,
j'aimerai pouvoir modifier le background-color d'une cellule selon la valeur d'un style CSS.
Je m'explique mon Style :
.X{ color:#AFED12; }


et en javascript j'essaye de récupérer la couleur de la police de mon paragraphe afin de mettre cette couleur en background d'une cellule.
<p id="needColor" class="X">Test</p>

Voici ce que j'ai pondu pour l'instant :
<script type="text/javascript">
alert(document.getElementById(needColor).style.color); //me renvoi rien alors que j'aimerai que ça me renvoi AFED12
document.getElementById('needColor').style.cssText='color:pink;'; //redefini en rose
alert(document.getElementById('needColor').style.color); //renvoi rose
</script>

Il me suffit après de récupérer la valeur retourné pour la mettre sur le backgroundmais c'est la partie récupération qui bloque.
Merci pour votre aide