COLOR #53768A

HEX: #53768A RGB: (83,118,138)

Color info

#53768A contains red, green and blue colors in about the same proportion. Web safe color of #53768A is #666699 (or #669).

RGB color model

#53768A color RGB value is (83,118,138).

RGB: (83,118,138) (33%, 46%, 54%)

RGB channels and saturation

R 83 of 255 = 33%
G 118 of 255 = 46%
B 138 of 255 = 54%

83
118
138

R + G + B ~ 44%. #53768A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 83 + 118 + 138 = 339 (100%)
R 83 of 339 ~ 24.48%
G 118 of 339 ~ 34.81%
B 138 of 339 ~ 40.71'%

%24.48
%34.81
%40.71

CMYK color model

#53768A color CMYK value is (40,14,0,46).

  • cyan value is 39.86%
  • magenta value is 14.49%
  • yellow value is 0.00%
  • key color value is 45.88%

CMYK: (40,14,0,46)
C40M14Y0K46 (40%, 14%, 0%, 46%)
(0.40 / 0.14 / 0.00 / 0.46)

CMYK percentages

%39.86
%14.49
%0
%45.88

Codes

Color #53768A in popluar color models

53 76 8A
RGB 83 118 138
HSL 202° 24.89% 43.33%
HSB/HSV 202° 39.86% 54.12%
CMYK 39.86% 14.49% 0.00%
45.88%

Color #53768A in popluar number systems.

HEX 53 76 8A
Decimal 83 118 138
Binary 1010011 1110110 10001010
Octal 123 166 212

Shades and tints

Shades of #53768A

#53768A
(83,118,138)
#4C6C7E
(76,108,126)
#456272
(69,98,114)
#3E5866
(62,88,102)
#374E5A
(55,78,90)
#30444E
(48,68,78)
#293A42
(41,58,66)
#223036
(34,48,54)
#1B262A
(27,38,42)
#141C1E
(20,28,30)
#0D1212
(13,18,18)
#000000
(0,0,0)

Tints of #53768A

#53768A
(83,118,138)
#628294
(98,130,148)
#718E9E
(113,142,158)
#809AA8
(128,154,168)
#8FA6B2
(143,166,178)
#9EB2BC
(158,178,188)
#ADBEC6
(173,190,198)
#BCCAD0
(188,202,208)
#CBD6DA
(203,214,218)
#DAE2E4
(218,226,228)
#E9EEEE
(233,238,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #53768A color. Also use rgb(83,118,138) instead hex code.

Text Font Color

.myTextColor { color: #53768A; }

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

This text font color is #53768A.

Background Color

.myBgColor { background-color: #53768A; }

<div style="background-color:#53768A">Inner text</div>

This div background color is #53768A.

Border color

.myBorderColor { border: 1px solid #53768A; }

<div style="border:3px solid #53768A">Div</div>

This div border color is #53768A.

Opacity

.myOpacity80 { color: #53768A; opacity: 0.8; }

<p style="color:#53768A;opacity:0.8;">80%</p>

Text with #53768A 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 #53768A;}

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

This text has shadow with #53768A color.


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

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

This text has shadow with #53768A primary color and red secondary color.


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

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

This text has shadow with #53768A and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #53768A.

Preview

Color preview on black background

This text has color #53768A on black background.


Color preview on white background

This text has color #53768A on white background.


Black color preview on #53768A background

This text has black color on #53768A background.


White color preview on #53768A background

This text has white color on #53768A background.


Related colors

Complementary color

Complementary color for #hex is #AC8975.


I love getcolorcode.com

Triadic colors

1 #8A5376 and #768A53 with #53768A are triadic colors.

2 #8A7653 and #76538A with #53768A are triadic colors.