برای رنگ پس زمینه از کلاس bgcolor و برای رنگ متن از کلاس forecolor و برای رنگ قاب دور المان ها از کلاس bordercolor استفاده کنید

<style> 
.bgcolor { background-color:#56b4c2; } 
.forecolor { color:#56b4c2; } 
.bordercolor { border:3px solid #56b4c2; }
</style>	

برای نوشتن یک متن با این رنگ می توانید از کد زیر استفاده کنید

<p style='color:#56b4c2'>متن دلخواه شما</p>	

کد یک متن سایه دار با این رنگ

<p style='text-shadow: 4px 4px 2px rgba(86,180,194, 0.8);'>متن دلخواه سایه دار</p>	

ایجاد یک محیط (div) با رنگ پس زمینه

<div style='background-color:#56b4c2'>محتوای محیط</div>	

ایجاد یک (gradients) برای css3 با پشتیبانی انواع مرورگرها

background-color: #56b4c2;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56b4c2', endColorstr='#3d9aa8');background-image: -webkit-linear-gradient(top, #56b4c2, #3d9aa8);background-image: linear-gradient(to bottom, #56b4c2, #3d9aa8);