COLOR #214361

HEX: #214361 RGB: (33,67,97)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#214361 contains mainly green and blue colors. Web safe color of #214361 is #333366 (or #336).

RGB color model

#214361 color RGB value is (33,67,97).

red value is 33;
green value is 67;
blue value is 97.

RGB: (33,67,97) (13%, 26%, 38%)

RGB channels and saturation

R 33 of 255 = 13%
G 67 of 255 = 26%
B 97 of 255 = 38%

R + G + B ~ 26%. #214361 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 33 + 67 + 97 = 197 (100%)
R 33 of 197 ~ 16.75%
G 67 of 197 ~ 34.01%
B 97 of 197 ~ 49.24'%

%16.75

%34.01

%49.24

CMYK color model

#214361 color CMYK value is (66,31,0,62).

cyan value is 65.98%
magenta value is 30.93%
yellow value is 0.00%
key color value is 61.96%

CMYK: (66,31,0,62) C66M31Y0K62 (66%,31%,0%,62%) (0.66/0.31/0.00/0.62)

CMYK percentages

%65.98

%30.93

%61.96

Codes

Color #214361 in popluar color models

	21	43	61
RGB	33	67	97
HSL	208°	49.23%	25.49%
HSB/HSV	208°	65.98%	38.04%
CMYK	65.98%	30.93%	0.00%
CMYK	61.96%

Color #214361 in popluar number systems.

HEX	21	43	61
Decimal	33	67	97
Binary	100001	1000011	1100001
Octal	41	103	141

Shades and tints

Shades of #214361

#214361
(33,67,97)

#1E3D59
(30,61,89)

#1B3751
(27,55,81)

#183149
(24,49,73)

#152B41
(21,43,65)

#122539
(18,37,57)

#0F1F31
(15,31,49)

#0C1929
(12,25,41)

#091321
(9,19,33)

#060D19
(6,13,25)

#030711
(3,7,17)

#000000
(0,0,0)

Tints of #214361

#214361
(33,67,97)

#35546F
(53,84,111)

#49657D
(73,101,125)

#5D768B
(93,118,139)

#718799
(113,135,153)

#8598A7
(133,152,167)

#99A9B5
(153,169,181)

#ADBAC3
(173,186,195)

#C1CBD1
(193,203,209)

#D5DCDF
(213,220,223)

#E9EDED
(233,237,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #214361 color. Also use rgb(33,67,97) instead hex code.

Text Font Color

.myTextColor { color: #214361; }

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

This text font color is #214361.

Background Color

.myBgColor { background-color: #214361; }

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

This div background color is #214361.

Border color

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

This div border color is #214361.

Opacity

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

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

This text has shadow with #214361 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #214361.