COLOR #53FA81

HEX: #53FA81
RGB: (83,250,129)

Color info

#53FA81 contains mainly green color. Web safe color of #53FA81 is #66FF99 (or #6F9).

RGB color model

#53FA81 color RGB value is (83,250,129).

  • red value is 83;
  • green value is 250;
  • blue value is 129.
RGB:
(83,250,129)
(33%,98%,51%)

RGB channels and saturation

R 83 of 255 = 33%
G 250 of 255 = 98%
B 129 of 255 = 51%

83
250
129

R + G + B ~ 61%. #53FA81 is quite light color.

Portions of RGB colors in percentages

R + G + B =
83 + 250 + 129 = 462 (100%)
R 83 of 462 ~ 17.97%
G 250 of 462 ~ 54.11%
B 129 of 462 ~ 27.92%

%17.97
%54.11
%27.92

CMYK color model

#53FA81 color CMYK value is (67,0,48,2).

  • cyan value is 66.80%
  • magenta value is 0.00%
  • yellow value is 48.40%
  • key color value is 1.96%
CMYK:
(67,0,48,2)
C67M0Y48K2 
(67%,0%,48%,2%)
(0.67/0.00/0.48/0.02)	

CMYK percentages

%66.8
%0
%48.4
%1.96

Codes

Color #53FA81 in popluar color models

53FA81
RGB83250129
HSL137°94.35%65.29%
HSB/HSV137°66.80%98.04%
CMYK66.80%0.00%48.40%
1.96%

Color #53FA81 in popluar number systems.

HEX53FA81
Decimal83250129
Binary10100111111101010000001
Octal123372201

Shades and tints

Shades of #53FA81

#53FA81
(83,250,129)
#4CE476
(76,228,118)
#45CE6B
(69,206,107)
#3EB860
(62,184,96)
#37A255
(55,162,85)
#308C4A
(48,140,74)
#29763F
(41,118,63)
#226034
(34,96,52)
#1B4A29
(27,74,41)
#14341E
(20,52,30)
#0D1E13
(13,30,19)
#000000
(0,0,0)

Tints of #53FA81

#53FA81
(83,250,129)
#62FA8C
(98,250,140)
#71FA97
(113,250,151)
#80FAA2
(128,250,162)
#8FFAAD
(143,250,173)
#9EFAB8
(158,250,184)
#ADFAC3
(173,250,195)
#BCFACE
(188,250,206)
#CBFAD9
(203,250,217)
#DAFAE4
(218,250,228)
#E9FAEF
(233,250,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #53FA81 color. Also use rgb(83,250,129) instead hex code.

Text Font Color

.myTextColor { color: #53FA81; }

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

This text font color is #53FA81.


Background Color

.myBgColor { background-color: #53FA81; }

<div style="background-color:#53FA81">Inner text</div>

This div background color is #53FA81.


Border color

.myBorderColor { border: 1px solid #53FA81; }

<div style="border:3px solid #53FA81">Div</div>

This div border color is #53FA81.


Opacity

.myOpacity80 { color: #53FA81; opacity: 0.8; }

<p style="color:#53FA81;opacity:0.8;">80%</p>

Text with #53FA81 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 #53FA81;}

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

This text has shadow with #53FA81 color.

.textShadow {text-shadow: 3px 3px 1px #53FA81, 3px 3px 1px red;}

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

This text has shadow with #53FA81 primary color and red secondary color.


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

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

This text has shadow with #53FA81 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #53FA81 on black background.


Color preview on white background

This text has color #53FA81 on white background.



Black color preview on #53FA81 background

This text has black color on #53FA81 background.


White color preview on #53FA81 background

This text has white color on #53FA81 background.