COLOR #353954

HEX: #353954
RGB: (53,57,84)

Color info

#353954 contains red, green and blue colors in about the same proportion. Web safe color of #353954 is #333366 (or #336).

RGB color model

#353954 color RGB value is (53,57,84).

  • red value is 53;
  • green value is 57;
  • blue value is 84.
RGB:
(53,57,84)
(21%,22%,33%)

RGB channels and saturation

R 53 of 255 = 21%
G 57 of 255 = 22%
B 84 of 255 = 33%

53
57
84

R + G + B ~ 25%. #353954 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
53 + 57 + 84 = 194 (100%)
R 53 of 194 ~ 27.32%
G 57 of 194 ~ 29.38%
B 84 of 194 ~ 43.3%

%27.32
%29.38
%43.3

CMYK color model

#353954 color CMYK value is (37,32,0,67).

  • cyan value is 36.90%
  • magenta value is 32.14%
  • yellow value is 0.00%
  • key color value is 67.06%
CMYK:
(37,32,0,67)
C37M32Y0K67 
(37%,32%,0%,67%)
(0.37/0.32/0.00/0.67)	

CMYK percentages

%36.9
%32.14
%0
%67.06

Codes

Color #353954 in popluar color models

353954
RGB535784
HSL232°22.63%26.86%
HSB/HSV232°36.90%32.94%
CMYK36.90%32.14%0.00%
67.06%

Color #353954 in popluar number systems.

HEX353954
Decimal535784
Binary1101011110011010100
Octal6571124

Shades and tints

Shades of #353954

#353954
(53,57,84)
#31344D
(49,52,77)
#2D2F46
(45,47,70)
#292A3F
(41,42,63)
#252538
(37,37,56)
#212031
(33,32,49)
#1D1B2A
(29,27,42)
#191623
(25,22,35)
#15111C
(21,17,28)
#110C15
(17,12,21)
#0D070E
(13,7,14)
#000000
(0,0,0)

Tints of #353954

#353954
(53,57,84)
#474B63
(71,75,99)
#595D72
(89,93,114)
#6B6F81
(107,111,129)
#7D8190
(125,129,144)
#8F939F
(143,147,159)
#A1A5AE
(161,165,174)
#B3B7BD
(179,183,189)
#C5C9CC
(197,201,204)
#D7DBDB
(215,219,219)
#E9EDEA
(233,237,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #353954 color. Also use rgb(53,57,84) instead hex code.

Text Font Color

.myTextColor { color: #353954; }

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

This text font color is #353954.


Background Color

.myBgColor { background-color: #353954; }

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

This div background color is #353954.


Border color

.myBorderColor { border: 1px solid #353954; }

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

This div border color is #353954.


Opacity

.myOpacity80 { color: #353954; opacity: 0.8; }

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

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

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

This text has shadow with #353954 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #353954 on black background.


Color preview on white background

This text has color #353954 on white background.



Black color preview on #353954 background

This text has black color on #353954 background.


White color preview on #353954 background

This text has white color on #353954 background.