image placed in the skin mxml displayed darkened

I created a skin mxml in Viewer for Flex and placed an image in the title bar. the image was found darkened.
Reference please found attached a clip of the display I get.

What have I done wrong?

Thanks in advance.

In the skin.mxml
........
<!-- layer 3: text -->
<!--- @copy spark.components.Panel#titleDisplay -->
<s:HGroup>
<s:BitmapImage id="panelIcon" source="@Embed(source='../../assets/images/cedd/logo.jpg')"
left="5" width="40"/>
<s:Label id="titleDisplay" maxDisplayedLines="1"
left="9" right="36" top="1" bottom="0" minHeight="30"
verticalAlign="middle" fontWeight="bold" />
</s:HGroup>
.........

Attached Thumbnails