COLOR #63AF90

HEX: #63AF90 RGB: (99,175,144)

Color info

#63AF90 contains mainly green and blue colors. Web safe color of #63AF90 is #669999 (or #699).

RGB color model

#63AF90 color RGB value is (99,175,144).

RGB: (99,175,144) (39%, 69%, 56%)

RGB channels and saturation

R 99 of 255 = 39%
G 175 of 255 = 69%
B 144 of 255 = 56%

99
175
144

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

Portions of RGB colors in percentages

R + G + B = 99 + 175 + 144 = 418 (100%)
R 99 of 418 ~ 23.68%
G 175 of 418 ~ 41.87%
B 144 of 418 ~ 34.45'%

%23.68
%41.87
%34.45

CMYK color model

#63AF90 color CMYK value is (43,0,18,31).

  • cyan value is 43.43%
  • magenta value is 0.00%
  • yellow value is 17.71%
  • key color value is 31.37%

CMYK: (43,0,18,31)
C43M0Y18K31 (43%, 0%, 18%, 31%)
(0.43 / 0.00 / 0.18 / 0.31)

CMYK percentages

%43.43
%0
%17.71
%31.37

Codes

Color #63AF90 in popluar color models

63 AF 90
RGB 99 175 144
HSL 156° 32.20% 53.73%
HSB/HSV 156° 43.43% 68.63%
CMYK 43.43% 0.00% 17.71%
31.37%

Color #63AF90 in popluar number systems.

HEX 63 AF 90
Decimal 99 175 144
Binary 1100011 10101111 10010000
Octal 143 257 220

Shades and tints

Shades of #63AF90

#63AF90
(99,175,144)
#5AA083
(90,160,131)
#519176
(81,145,118)
#488269
(72,130,105)
#3F735C
(63,115,92)
#36644F
(54,100,79)
#2D5542
(45,85,66)
#244635
(36,70,53)
#1B3728
(27,55,40)
#12281B
(18,40,27)
#09190E
(9,25,14)
#000000
(0,0,0)

Tints of #63AF90

#63AF90
(99,175,144)
#71B69A
(113,182,154)
#7FBDA4
(127,189,164)
#8DC4AE
(141,196,174)
#9BCBB8
(155,203,184)
#A9D2C2
(169,210,194)
#B7D9CC
(183,217,204)
#C5E0D6
(197,224,214)
#D3E7E0
(211,231,224)
#E1EEEA
(225,238,234)
#EFF5F4
(239,245,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #63AF90 color. Also use rgb(99,175,144) instead hex code.

Text Font Color

.myTextColor { color: #63AF90; }

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

This text font color is #63AF90.

Background Color

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

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

This div background color is #63AF90.

Border color

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

<div style="border:3px solid #63AF90">Div</div>

This div border color is #63AF90.

Opacity

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

<p style="color:#63AF90;opacity:0.8;">80%</p>

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

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

This text has shadow with #63AF90 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #63AF90.

Preview

Color preview on black background

This text has color #63AF90 on black background.


Color preview on white background

This text has color #63AF90 on white background.


Black color preview on #63AF90 background

This text has black color on #63AF90 background.


White color preview on #63AF90 background

This text has white color on #63AF90 background.


Related colors

Complementary color

Complementary color for #hex is #9C506F.


I love getcolorcode.com

Triadic colors

1 #9063AF and #AF9063 with #63AF90 are triadic colors.

2 #90AF63 and #AF6390 with #63AF90 are triadic colors.