#2ddcae Color Information

Color name , hex code "#2ddcae", contains symbol # and 6 letters or numbers. These numbers are in hexadecimal numeral system. This page lists more detailed information about the hex color code #2ddcae. In a RGB color space, hex #2ddcae is composed of 45(17.6%) red, 220(86.3%) green and 174(68.2%) blue. The process color (four color CMYK) of #2ddcae color hex is 0.00, 0.00, 0.00, 0.00. Its decimal value is 45220174. In a RGB color space, hex #2ddcae is composed of 17.6% red, 86.3% green and 68.2% blue.

#2ddcae Hex Color Code

Color Name
HEX Color #2ddcae
RGB Color rgb(45,220,174)
RGB Percent rgb(17.6%,86.3%,68.2%)
CMYK 0.80 0.00 0.21 0.14
HSV °, °, °
Web Safe #33cc99
XYZ XYZ(50, 70, 75)

#2ddcae Color Charts

#2ddcae Color Codes For HTML and CSS

Text With Hexadecimal Color #2ddcae

This text has a font color of #2ddcae.

<span style="color:#2ddcae">Your text here..</span>

#2ddcae Border Color

This element has a border color of #2ddcae.

<div style="border:1px solid #2ddcae;">Your content here..</div>

#2ddcae CSS3 Linear Gradient

<div style="background: -webkit-linear-gradient(left,#2ddcae,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#2ddcae,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#2ddcae,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #2ddcae,orange,yellow,green,blue,indigo,violet);">Your content here..</div>

#2ddcae Background Color

This paragraph has a background color of #2ddcae.

<p style="background-color:#2ddcae;">Your content here..</p>

#2ddcae Text Shadow

This text has a shadow color of #2ddcae.

<p style="text-shadow:2px 2px 1px #2ddcae">Your text here</p>

#2ddcae Box Shadow

This element has a box shadow of #2ddcae.

<div style="-moz-box-shadow:1px 1px 3px 2px #2ddcae; -webkit-box-shadow:1px 1px 3px 2px #2ddcae; box-shadow:1px 1px 3px 2px #2ddcae;">Your content here..</div>

#2ddcae CSS3 Radial Gradient

<div style="background: -webkit-radial-gradient(#2ddcae, yellow, green); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#2ddcae, yellow, green); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#2ddcae, yellow, green); /* For Fx 3.6 to 15 */ background: radial-gradient(#2ddcae, yellow, green);">Your content here..</div>

#2ddcae CSS Codes

.text {color:#2ddcae;}

.background {background-color:#2ddcae;}

.border {border:1px solid #2ddcae;}

Alternatives colour to #2ddcae

#30dfb1 #33e2b4 #36e5b7 #27d6a8 #2ad9ab

Shades and Tints #2ddcae