Color #63EB48 hex code, color models, shades and preview

Renk bilgisi

#63EB48 contains mainly green color. #63EB48 ‘ nin web güvenlik rengi #66FF33 (ya da #6F3) dir.

RGB renk modeli

#63EB48 color RGB value is (99,235,72).

kırmız ton 99;
yeşil ton 235;
mavi ton 72.

RGB:
(99,235,72)
(39%,92%,28%)

RGB bağlantıları ve doygunluk

R 99 of 255 = 39%
G 235 of 255 = 92%
B 72 of 255 = 28%

235

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

Yüzdelerle RGB renk parçaları

R + G + B =
99 + 235 + 72 = 406 (100%)
R 99 of 406 ~ 24.38%
G 235 of 406 ~ 57.88%
B 72 of 406 ~ 17.73%

%24.38

%57.88

%17.73

CMYK RENK MODELİ

#63EB48 rengi CMYK tonu (58,0,69,8).

camgöbeği tonu 57.87%
eflatun tonu 0.00%
sarı tonu 69.36%
ana renk tonu 7.84%

CMYK:
(58,0,69,8)
C58M0Y69K8 
(58%,0%,69%,8%)
(0.58/0.00/0.69/0.08)

CMYK yüzdeleri

%57.87

%69.36

%7.84

Codes

Color #63EB48 in popluar color models

	63	EB	48
RGB	99	235	72
HSL	110°	80.30%	60.20%
HSB/HSV	110°	69.36%	92.16%
CMYK	57.87%	0.00%	69.36%
CMYK	7.84%

Color #63EB48 in popluar number systems.

HEX	63	EB	48
Decimal	99	235	72
Binary	1100011	11101011	1001000
Octal	143	353	110

Shades and tints

Shades of #63EB48

#63EB48
(99,235,72)

#5AD642
(90,214,66)

#51C13C
(81,193,60)

#48AC36
(72,172,54)

#3F9730
(63,151,48)

#36822A
(54,130,42)

#2D6D24
(45,109,36)

#24581E
(36,88,30)

#1B4318
(27,67,24)

#122E12
(18,46,18)

#09190C
(9,25,12)

#000000
(0,0,0)

Tints of #63EB48

#63EB48
(99,235,72)

#71EC58
(113,236,88)

#7FED68
(127,237,104)

#8DEE78
(141,238,120)

#9BEF88
(155,239,136)

#A9F098
(169,240,152)

#B7F1A8
(183,241,168)

#C5F2B8
(197,242,184)

#D3F3C8
(211,243,200)

#E1F4D8
(225,244,216)

#EFF5E8
(239,245,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #63EB48 color. Also use rgb(99,235,72) instead hex code.

Text Font Color

.myTextColor { color: #63EB48; }

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

This text font color is #63EB48.

Background Color

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

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

This div background color is #63EB48.

Border color

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

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

This div border color is #63EB48.

Opacity

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

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

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

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

This text has shadow with #63EB48 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #63EB48.

Preview

Color preview on black background

This text has color #63EB48 on black background.

Color preview on white background

This text has color #63EB48 on white background.

Black color preview on #63EB48 background

This text has black color on #63EB48 background.

White color preview on #63EB48 background

This text has white color on #63EB48 background.

COLOR #63EB48