COLOR #55F96A

HEX: #55F96A RGB: (85,249,106)

Color info

#55F96A contains mainly green color. Web safe color of #55F96A is #66FF66 (or #6F6).

RGB color model

#55F96A color RGB value is (85,249,106).

RGB: (85,249,106) (33%, 98%, 42%)

RGB channels and saturation

R 85 of 255 = 33%
G 249 of 255 = 98%
B 106 of 255 = 42%

85
249
106

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

Portions of RGB colors in percentages

R + G + B = 85 + 249 + 106 = 440 (100%)
R 85 of 440 ~ 19.32%
G 249 of 440 ~ 56.59%
B 106 of 440 ~ 24.09'%

%19.32
%56.59
%24.09

CMYK color model

#55F96A color CMYK value is (66,0,57,2).

  • cyan value is 65.86%
  • magenta value is 0.00%
  • yellow value is 57.43%
  • key color value is 2.35%

CMYK: (66,0,57,2)
C66M0Y57K2 (66%, 0%, 57%, 2%)
(0.66 / 0.00 / 0.57 / 0.02)

CMYK percentages

%65.86
%0
%57.43
%2.35

Codes

Color #55F96A in popluar color models

55 F9 6A
RGB 85 249 106
HSL 128° 93.18% 65.49%
HSB/HSV 128° 65.86% 97.65%
CMYK 65.86% 0.00% 57.43%
2.35%

Color #55F96A in popluar number systems.

HEX 55 F9 6A
Decimal 85 249 106
Binary 1010101 11111001 1101010
Octal 125 371 152

Shades and tints

Shades of #55F96A

#55F96A
(85,249,106)
#4EE361
(78,227,97)
#47CD58
(71,205,88)
#40B74F
(64,183,79)
#39A146
(57,161,70)
#328B3D
(50,139,61)
#2B7534
(43,117,52)
#245F2B
(36,95,43)
#1D4922
(29,73,34)
#163319
(22,51,25)
#0F1D10
(15,29,16)
#000000
(0,0,0)

Tints of #55F96A

#55F96A
(85,249,106)
#64F977
(100,249,119)
#73F984
(115,249,132)
#82F991
(130,249,145)
#91F99E
(145,249,158)
#A0F9AB
(160,249,171)
#AFF9B8
(175,249,184)
#BEF9C5
(190,249,197)
#CDF9D2
(205,249,210)
#DCF9DF
(220,249,223)
#EBF9EC
(235,249,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #55F96A color. Also use rgb(85,249,106) instead hex code.

Text Font Color

.myTextColor { color: #55F96A; }

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

This text font color is #55F96A.

Background Color

.myBgColor { background-color: #55F96A; }

<div style="background-color:#55F96A">Inner text</div>

This div background color is #55F96A.

Border color

.myBorderColor { border: 1px solid #55F96A; }

<div style="border:3px solid #55F96A">Div</div>

This div border color is #55F96A.

Opacity

.myOpacity80 { color: #55F96A; opacity: 0.8; }

<p style="color:#55F96A;opacity:0.8;">80%</p>

Text with #55F96A 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 #55F96A;}

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

This text has shadow with #55F96A color.


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

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

This text has shadow with #55F96A primary color and red secondary color.


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

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

This text has shadow with #55F96A and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #55F96A.

Preview

Color preview on black background

This text has color #55F96A on black background.


Color preview on white background

This text has color #55F96A on white background.


Black color preview on #55F96A background

This text has black color on #55F96A background.


White color preview on #55F96A background

This text has white color on #55F96A background.


Related colors

Complementary color

Complementary color for #55F96A is #AA0695.


I love getcolorcode.com

Triadic colors

1 #6A55F9 and #F96A55 with #55F96A are triadic colors.

2 #6AF955 and #F9556A with #55F96A are triadic colors.