#03A678 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #03A678

#03A678

In a RGB color space, hex #03A678 is composed of 1% red, 65% green and 47% blue. RGB color code is composed of a hexadecimal 03 red (3/255), a A6 green (166/255) and a 78 blue component (120/255). The decimal RGB color code is rgb(3,166,120) In CMYK color space, it is composed of 98% cyan, 0% magenta, 28% yellow and 35% black. It has a hue angle of 163.07o degrees, a saturation of 96% and a lightness of 33%. Closest websafe color is: #009966 rgb (0, 153, 102).

Color conversion

---

Convert color

---

The hexadecimal color #03A678 has RGB values of R:3, G:166, B:120 and CMYK values of C:98, M:0, Y:28, K:35. Its decimal value is 239224.Binary code is 111010011001111000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 03A678  #03A678 RGB decimal 3, 166, 120  rgb(3, 166, 120) RGB % 1, 65, 47  rgb(1%, 65%, 47%) RGB Adobe 93, 165, 121 CMYK % 98, 0, 28, 35  98%, 0%, 28%, 35% HSL 163.07o, 96, 33  hsl(163.07o, 96%, 33%) HSV (HSB) 163o, 98%, 65%  hsv(163o, 98%, 65%)

Web Safe color #009966 rgb (0, 153, 102) XYZ 17.064, 28.648 22.4 xyY 0.25, 0.42, 28.65 Hunter-Lab 53.52, -34.44, 10.11 CMY 99%, 35%, 53% Lab 60.33, -46.42, 13.22 Binary color 03 A6 78 11 10100110 1111000

Shades and tints of #03A678

---

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: #032118 is the darkest color, and: #CDEDE5 is the lightest one.

Tint color variation #03A678

#29B38C rgb (41,179,140) #29B38C #49BE9D rgb (73,190,157) #49BE9D #64C8AC rgb (100,200,172) #64C8AC #7BD0B8 rgb (123,208,184) #7BD0B8 #8FD7C3 rgb (143,215,195) #8FD7C3 #A0DDCC rgb (160,221,204) #A0DDCC #AEE2D4 rgb (174,226,212) #AEE2D4 #BAE6DA rgb (186,230,218) #BAE6DA #C4EAE0 rgb (196,234,224) #C4EAE0 #CDEDE5 rgb (205,237,229) #CDEDE5

Shade color variation

#038D66 rgb (3,141,102) #038D66 #037857 rgb (3,120,87) #037857 #03664A rgb (3,102,74) #03664A #03573F rgb (3,87,63) #03573F #034A36 rgb (3,74,54) #034A36 #033F2E rgb (3,63,46) #033F2E #033627 rgb (3,54,39) #033627 #032E21 rgb (3,46,33) #032E21 #03271C rgb (3,39,28) #03271C #032118 rgb (3,33,24) #032118

Tones of #03A678

A tone is produced by adding gray to any pure hue. In this case, #10A279 is the less saturated color, and #548E7C is the most saturated one.

#10A279 rgb (16,162,121) #10A279 #1B9F7A rgb (27,159,122) #1B9F7A #259C7B rgb (37,156,123) #259C7B #2E997C rgb (46,153,124) #2E997C #36977C rgb (54,151,124) #36977C #3D957C rgb (61,149,124) #3D957C #44937C rgb (68,147,124) #44937C #4A917C rgb (74,145,124) #4A917C #4F8F7C rgb (79,143,124) #4F8F7C #548E7C rgb (84,142,124) #548E7C

Alternatives to #03A678

---

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

#036A78 rgb (3,106,120) #036A78 #037E78 rgb (3,126,120) #037E78 #039278 rgb (3,146,120) #039278 #03BA78 rgb (3,186,120) #03BA78 #03CE78 rgb (3,206,120) #03CE78 #03E278 rgb (3,226,120) #03E278

Quick use #03A678

---

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="#03A678;">Text here</font>	<div style="background-color:#03A678;">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="#03A678;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#03A678;">Text here</font> </div>

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

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

Pre-formatted code 03A678	code for script / programming
HTML, CSS:	= #03A678; rgb(3, 166, 120)
Java:	= new Color(3, 166, 120)
.NET:	= Color.FromArgb (3, 166, 120);
Xojo:	= rgb (3, 166, 120, 0);
openGL:	= glColor3f (0.01f, 0.65f, 0.47f);
Swift:	= UIColor(red:0.01, green:0.65, blue:0.47, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.01 green:0.65 blue:0.47 alpha:1.00000];

Color schemes with #03A678

---

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: 98% has a #03A678 saturation. Adding 98% + 10% = 100% saturation for our new color #00805B. Decreasing 98% - 10% = 88% saturation for other monochromatic color #18CC99. #18cc99 rgb (24,204,153) #18cc99 88% saturation #18664f rgb (22,102,79) #18664f 78% saturation #00805b rgb (0,128,91) #00805b 100% saturation #006649 rgb (0,102,73) #006649 100% 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. #0383A6 rgb (3,131,166) #0383A6 193o #03A678 rgb (3,166,120) #03A678 163o #03A627 rgb (3,166,39) #03A627 133o

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: #03A678 has a 163o angle. Adding 163o + 180o = 343oo for our new complementary color #A60331. #03A678 rgb (3,166,120) #03A678 163o #A60331 rgb (166,3,49) #A60331 343o

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: #03A678 has a 163o angle. Adding 163o + 180o+30o = 13o for our first complementary color #A62703. Decreasing 163o + 180o-30o = 313o for the second complementary color #A60383. #A60383 rgb (166,3,131) #A60383 313o #03A678 rgb (3,166,120) #03A678 163o #A62703 rgb (166,39,3) #A62703 13o

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. #7803A6 rgb (120,3,166) #7803A6 283o #03A678 rgb (3,166,120) #03A678 163o #A67803 rgb (166,120,3) #A67803 43o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #7803A6 rgb (120,3,166) #7803A6 283o #03A678 rgb (3,166,120) #03A678 163o #A60331 rgb (166,3,49) #A60331 343o #31A603 rgb (49,166,3) #31A603 103o