COLOR #03899A

HEX: #03899A
RGB: (3,137,154)

Color info

#03899A contains mainly green and blue colors. Web safe color of #03899A is #009999 (or #099).

RGB color model

#03899A color RGB value is (3,137,154).

  • red value is 3;
  • green value is 137;
  • blue value is 154.
RGB:
(3,137,154)
(1%,54%,60%)

RGB channels and saturation

R 3 of 255 = 1%
G 137 of 255 = 54%
B 154 of 255 = 60%

3
137
154

R + G + B ~ 38%. #03899A is quite dark color.

Portions of RGB colors in percentages

R + G + B =
3 + 137 + 154 = 294 (100%)
R 3 of 294 ~ 1.02%
G 137 of 294 ~ 46.6%
B 154 of 294 ~ 52.38%

%46.6
%52.38

CMYK color model

#03899A color CMYK value is (98,11,0,40).

  • cyan value is 98.05%
  • magenta value is 11.04%
  • yellow value is 0.00%
  • key color value is 39.61%
CMYK:
(98,11,0,40)
C98M11Y0K40 
(98%,11%,0%,40%)
(0.98/0.11/0.00/0.40)	

CMYK percentages

%98.05
%11.04
%0
%39.61

Codes

Color #03899A in popluar color models

03899A
RGB3137154
HSL187°96.18%30.78%
HSB/HSV187°98.05%60.39%
CMYK98.05%11.04%0.00%
39.61%

Color #03899A in popluar number systems.

HEX03899A
Decimal3137154
Binary111000100110011010
Octal3211232

Shades and tints

Shades of #03899A

#03899A
(3,137,154)
#037D8C
(3,125,140)
#03717E
(3,113,126)
#036570
(3,101,112)
#035962
(3,89,98)
#034D54
(3,77,84)
#034146
(3,65,70)
#033538
(3,53,56)
#03292A
(3,41,42)
#031D1C
(3,29,28)
#03110E
(3,17,14)
#000000
(0,0,0)

Tints of #03899A

#03899A
(3,137,154)
#1993A3
(25,147,163)
#2F9DAC
(47,157,172)
#45A7B5
(69,167,181)
#5BB1BE
(91,177,190)
#71BBC7
(113,187,199)
#87C5D0
(135,197,208)
#9DCFD9
(157,207,217)
#B3D9E2
(179,217,226)
#C9E3EB
(201,227,235)
#DFEDF4
(223,237,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #03899A color. Also use rgb(3,137,154) instead hex code.

Text Font Color

.myTextColor { color: #03899A; }

<p style="color:#03899A">This sample text font color is #03899A.</p>

This text font color is #03899A.


Background Color

.myBgColor { background-color: #03899A; }

<div style="background-color:#03899A">Inner text</div>

This div background color is #03899A.


Border color

.myBorderColor { border: 1px solid #03899A; }

<div style="border:3px solid #03899A">Div</div>

This div border color is #03899A.


Opacity

.myOpacity80 { color: #03899A; opacity: 0.8; }

<p style="color:#03899A;opacity:0.8;">80%</p>

Text with #03899A color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #03899A;}

<p style="text-shadow: 3px 3px 1px #03899A">Text here.</p>

This text has shadow with #03899A color.

.textShadow {text-shadow: 3px 3px 1px #03899A, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #03899A, 5px 5px 20px red">Text here.</p>

This text has shadow with #03899A primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#03899A, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#03899A, Direction=45, Strength=4)">Text</p>

This text has shadow with #03899A and red colors in old Internet Explorer.


Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #03899A;
  -webkit-box-shadow:	1px 1px 3px 2px #03899A;
  box-shadow:		1px 1px 3px 2px #03899A;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #03899A;
-webkit-box-shadow: 1px 1px 3px 2px #03899A;
box-shadow:1px 1px 3px 2px #03899A;">
Div content here</div>
This div box has shadow with color #03899A.

Preview

Color preview on black background

This text has color #03899A on black background.


Color preview on white background

This text has color #03899A on white background.



Black color preview on #03899A background

This text has black color on #03899A background.


White color preview on #03899A background

This text has white color on #03899A background.