Color #181331

Color info

#181331 contains red, green and blue colors in about the same proportion. Web safe color of #181331 is #000033 (or #003).

RGB color model

#181331 color RGB value is (24,19,49).

red value is 24;
green value is 19;
blue value is 49.

RGB:
(24,19,49)
(9%,7%,19%)

RGB channels and saturation

R 24 of 255 = 9%
G 19 of 255 = 7%
B 49 of 255 = 19%

R + G + B ~ 12%. #181331 is dark color.

Portions of RGB colors in percentages

R + G + B =
24 + 19 + 49 = 92 (100%)
R 24 of 92 ~ 26.09%
G 19 of 92 ~ 20.65%
B 49 of 92 ~ 53.26%

%26.09

%20.65

%53.26

CMYK color model

#181331 color CMYK value is (51,61,0,81).

cyan value is 51.02%
magenta value is 61.22%
yellow value is 0.00%
key color value is 80.78%

CMYK:
(51,61,0,81)
C51M61Y0K81 
(51%,61%,0%,81%)
(0.51/0.61/0.00/0.81)

CMYK percentages

%51.02

%61.22

%80.78

Codes

Color #181331 in popluar color models

	18	13	31
RGB	24	19	49
HSL	250°	44.12%	13.33%
HSB/HSV	250°	61.22%	19.22%
CMYK	51.02%	61.22%	0.00%
CMYK	80.78%

Color #181331 in popluar number systems.

HEX	18	13	31
Decimal	24	19	49
Binary	11000	10011	110001
Octal	30	23	61

Shades and tints

Shades of #181331

#181331
(24,19,49)

#16122D
(22,18,45)

#141129
(20,17,41)

#121025
(18,16,37)

#100F21
(16,15,33)

#0E0E1D
(14,14,29)

#0C0D19
(12,13,25)

#0A0C15
(10,12,21)

#080B11
(8,11,17)

#060A0D
(6,10,13)

#040909
(4,9,9)

#000000
(0,0,0)

Tints of #181331

#181331
(24,19,49)

#2D2843
(45,40,67)

#423D55
(66,61,85)

#575267
(87,82,103)

#6C6779
(108,103,121)

#817C8B
(129,124,139)

#96919D
(150,145,157)

#ABA6AF
(171,166,175)

#C0BBC1
(192,187,193)

#D5D0D3
(213,208,211)

#EAE5E5
(234,229,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #181331 color. Also use rgb(24,19,49) instead hex code.

Text Font Color

.myTextColor { color: #181331; }

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

This text font color is #181331.

Background Color

.myBgColor { background-color: #181331; }

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

This div background color is #181331.

Border color

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

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

This div border color is #181331.

Opacity

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

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

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

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

This text has shadow with #181331 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #181331.

Preview

Color preview on black background

This text has color #181331 on black background.

Color preview on white background

This text has color #181331 on white background.

Black color preview on #181331 background

This text has black color on #181331 background.

White color preview on #181331 background

This text has white color on #181331 background.