Color #63A07B

Color info

#63A07B contains mainly green and blue colors. Web safe color of #63A07B is #669966 (or #696).

RGB color model

#63A07B color RGB value is (99,160,123).

red value is 99;
green value is 160;
blue value is 123.

RGB: (99,160,123) (39%, 63%, 48%)

RGB channels and saturation

R 99 of 255 = 39%
G 160 of 255 = 63%
B 123 of 255 = 48%

99

160

123

R + G + B ~ 50%. #63A07B is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 99 + 160 + 123 = 382 (100%)
R 99 of 382 ~ 25.92%
G 160 of 382 ~ 41.88%
B 123 of 382 ~ 32.2'%

%25.92

%41.88

%32.2

CMYK color model

#63A07B color CMYK value is (38,0,23,37).

cyan value is 38.13%
magenta value is 0.00%
yellow value is 23.13%
key color value is 37.25%

CMYK: (38,0,23,37)
C38M0Y23K37 (38%, 0%, 23%, 37%)
(0.38 / 0.00 / 0.23 / 0.37)

CMYK percentages

%38.13

%0

%23.13

%37.25

Codes

Color #63A07B in popluar color models

	63	A0	7B
RGB	99	160	123
HSL	144°	24.30%	50.78%
HSB/HSV	144°	38.13%	62.75%
CMYK	38.13%	0.00%	23.13%
CMYK	37.25%

Color #63A07B in popluar number systems.

HEX	63	A0	7B
Decimal	99	160	123
Binary	1100011	10100000	1111011
Octal	143	240	173

Shades and tints

Shades of #63A07B

#63A07B
(99,160,123)

#5A9270
(90,146,112)

#518465
(81,132,101)

#48765A
(72,118,90)

#3F684F
(63,104,79)

#365A44
(54,90,68)

#2D4C39
(45,76,57)

#243E2E
(36,62,46)

#1B3023
(27,48,35)

#122218
(18,34,24)

#09140D
(9,20,13)

#000000
(0,0,0)

Tints of #63A07B

#63A07B
(99,160,123)

#71A887
(113,168,135)

#7FB093
(127,176,147)

#8DB89F
(141,184,159)

#9BC0AB
(155,192,171)

#A9C8B7
(169,200,183)

#B7D0C3
(183,208,195)

#C5D8CF
(197,216,207)

#D3E0DB
(211,224,219)

#E1E8E7
(225,232,231)

#EFF0F3
(239,240,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #63A07B color. Also use rgb(99,160,123) instead hex code.

Text Font Color

.myTextColor { color: #63A07B; }

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

This text font color is #63A07B.

Background Color

.myBgColor { background-color: #63A07B; }

<div style="background-color:#63A07B">Inner text</div>

This div background color is #63A07B.

Border color

.myBorderColor { border: 1px solid #63A07B; }

This div border color is #63A07B.

Opacity

.myOpacity80 { color: #63A07B; opacity: 0.8; }

Text with #63A07B 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 #63A07B;}

This text has shadow with #63A07B color.

.textShadow {text-shadow: 3px 3px 1px #63A07B', 3px 3px 1px red;}

This text has shadow with #63A07B primary color and red secondary color.

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

This text has shadow with #63A07B and red colors in old Internet Explorer.

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #63A07B; -webkit-box-shadow: 1px 1px 3px 2px #63A07B; box-shadow:1px 1px 3px 2px #63A07B;">
Div content here
</div>

This div box has shadow with color #63A07B.