#2EA4AF color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #2EA4AF

#2EA4AF

In a RGB color space, hex #2EA4AF is composed of 18% red, 64% green and 69% blue. RGB color code is composed of a hexadecimal 2E red (46/255), a A4 green (164/255) and a AF blue component (175/255). The decimal RGB color code is rgb(46,164,175) In CMYK color space, it is composed of 74% cyan, 6% magenta, 0% yellow and 31% black. It has a hue angle of 185.12o degrees, a saturation of 58% and a lightness of 43%. Closest websafe color is: #339999 rgb (51, 153, 153).

Color conversion

---

Convert color

---

The hexadecimal color #2EA4AF has RGB values of R:46, G:164, B:175 and CMYK values of C:74, M:6, Y:0, K:31. Its decimal value is 3056815.Binary code is 1011101010010010101111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 2EA4AF  #2EA4AF RGB decimal 46, 164, 175  rgb(46, 164, 175) RGB % 18, 64, 69  rgb(18%, 64%, 69%) RGB Adobe 99, 163, 173 CMYK % 74, 6, 0, 31  74%, 6%, 0%, 31% HSL 185.12o, 58, 43  hsl(185.12o, 58%, 43%) HSV (HSB) 185o, 74%, 69%  hsv(185o, 74%, 69%)

Web Safe color #339999 rgb (51, 153, 153) XYZ 22.14, 30.227 45.225 xyY 0.23, 0.31, 30.23 Hunter-Lab 54.98, -21.74, -13.79 CMY 82%, 36%, 31% Lab 61.5, -30.28, -15.58 Binary color 2E A4 AF 101110 10100100 10101111

Shades and tints of #2EA4AF

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #091F23 is the darkest color, and: #D6EDEF is the lightest one.

Tint color variation #2EA4AF

#4DB2BB rgb (77,178,187) #4DB2BB #68BEC5 rgb (104,190,197) #68BEC5 #7FC8CE rgb (127,200,206) #7FC8CE #92D0D5 rgb (146,208,213) #92D0D5 #A2D7DB rgb (162,215,219) #A2D7DB #B0DDE0 rgb (176,221,224) #B0DDE0 #BCE2E5 rgb (188,226,229) #BCE2E5 #C6E6E9 rgb (198,230,233) #C6E6E9 #CFEAEC rgb (207,234,236) #CFEAEC #D6EDEF rgb (214,237,239) #D6EDEF

Shade color variation

#278B95 rgb (39,139,149) #278B95 #21767F rgb (33,118,127) #21767F #1C646C rgb (28,100,108) #1C646C #18555C rgb (24,85,92) #18555C #14484E rgb (20,72,78) #14484E #113D42 rgb (17,61,66) #113D42 #0E3438 rgb (14,52,56) #0E3438 #0C2C30 rgb (12,44,48) #0C2C30 #0A2529 rgb (10,37,41) #0A2529 #091F23 rgb (9,31,35) #091F23

Tones of #2EA4AF

A tone is produced by adding gray to any pure hue. In this case, #36A0AA is the less saturated color, and #638D91 is the most saturated one.

#36A0AA rgb (54,160,170) #36A0AA #3D9DA6 rgb (61,157,166) #3D9DA6 #449AA2 rgb (68,154,162) #449AA2 #4A979F rgb (74,151,159) #4A979F #4F959C rgb (79,149,156) #4F959C #549399 rgb (84,147,153) #549399 #589197 rgb (88,145,151) #589197 #5C8F95 rgb (92,143,149) #5C8F95 #608E93 rgb (96,142,147) #608E93 #638D91 rgb (99,141,145) #638D91

Alternatives to #2EA4AF

---

Below, you can see some colors close to #2EA4AF. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#2E68AF rgb (46,104,175) #2E68AF #2E7CAF rgb (46,124,175) #2E7CAF #2E90AF rgb (46,144,175) #2E90AF #2EB8AF rgb (46,184,175) #2EB8AF #2ECCAF rgb (46,204,175) #2ECCAF #2EE0AF rgb (46,224,175) #2EE0AF

Quick use #2EA4AF

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#2EA4AF;">Text here</font>	<div style="background-color:#2EA4AF;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#2EA4AF;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#2EA4AF;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #2EA4AF	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #2EA4AF;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #2EA4AF;

Box border html code	Text shadow with RGB values for color #2EA4AF
box border html code for color #2EA4AF	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #2EA4AF;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(46, 164, 175, 1.4);

Pre-formatted code 2EA4AF	code for script / programming
HTML, CSS:	= #2EA4AF; rgb(46, 164, 175)
Java:	= new Color(46, 164, 175)
.NET:	= Color.FromArgb (46, 164, 175);
Xojo:	= rgb (46, 164, 175, 0);
openGL:	= glColor3f (0.18f, 0.64f, 0.69f);
Swift:	= UIColor(red:0.18, green:0.64, blue:0.69, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.18 green:0.64 blue:0.69 alpha:1.00000];

Color schemes with #2EA4AF

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 74% has a #2EA4AF saturation. Adding 74% + 10% = 84% saturation for our new color #16808A. Decreasing 74% - 10% = 64% saturation for other monochromatic color #4DCBD6. #4dcbd6 rgb (77,203,214) #4dcbd6 64% saturation #4d6b70 rgb (52,107,112) #4d6b70 54% saturation #16808a rgb (22,128,138) #16808a 84% saturation #076770 rgb (7,103,112) #076770 94% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #2E64B0 rgb (46,100,176) #2E64B0 215o #2EA4AF rgb (46,164,175) #2EA4AF 185o #2EB07A rgb (46,176,122) #2EB07A 155o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #2EA4AF has a 185o angle. Adding 185o + 180o = 5oo for our new complementary color #B0392E. #2EA4AF rgb (46,164,175) #2EA4AF 185o #B0392E rgb (176,57,46) #B0392E 5o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #2EA4AF has a 185o angle. Adding 185o + 180o+30o = 35o for our first complementary color #B07A2E. Decreasing 185o + 180o-30o = 335o for the second complementary color #B02E64. #B02E64 rgb (176,46,100) #B02E64 335o #2EA4AF rgb (46,164,175) #2EA4AF 185o #B07A2E rgb (176,122,46) #B07A2E 35o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #B02EA5 rgb (176,46,165) #B02EA5 305o #2EA4AF rgb (46,164,175) #2EA4AF 185o #A5B02E rgb (165,176,46) #A5B02E 65o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #B02EA5 rgb (176,46,165) #B02EA5 305o #2EA4AF rgb (46,164,175) #2EA4AF 185o #B0392E rgb (176,57,46) #B0392E 5o #2EB039 rgb (46,176,57) #2EB039 125o