COLOR #225BAB

HEX: #225BAB RGB: (34,91,171)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#225BAB contains mainly blue color. Web safe color of #225BAB is #336699 (or #369).

RGB color model

#225BAB color RGB value is (34,91,171).

red value is 34;
green value is 91;
blue value is 171.

RGB: (34,91,171) (13%, 36%, 67%)

RGB channels and saturation

R 34 of 255 = 13%
G 91 of 255 = 36%
B 171 of 255 = 67%

171

R + G + B ~ 39%. #225BAB is quite dark color.

Portions of RGB colors in percentages

R + G + B = 34 + 91 + 171 = 296 (100%)
R 34 of 296 ~ 11.49%
G 91 of 296 ~ 30.74%
B 171 of 296 ~ 57.77'%

%11.49

%30.74

%57.77

CMYK color model

#225BAB color CMYK value is (80,47,0,33).

cyan value is 80.12%
magenta value is 46.78%
yellow value is 0.00%
key color value is 32.94%

CMYK: (80,47,0,33) C80M47Y0K33 (80%,47%,0%,33%) (0.80/0.47/0.00/0.33)

CMYK percentages

%80.12

%46.78

%32.94

Codes

Color #225BAB in popluar color models

	22	5B	AB
RGB	34	91	171
HSL	215°	66.83%	40.20%
HSB/HSV	215°	80.12%	67.06%
CMYK	80.12%	46.78%	0.00%
CMYK	32.94%

Color #225BAB in popluar number systems.

HEX	22	5B	AB
Decimal	34	91	171
Binary	100010	1011011	10101011
Octal	42	133	253

Shades and tints

Shades of #225BAB

#225BAB
(34,91,171)

#1F539C
(31,83,156)

#1C4B8D
(28,75,141)

#19437E
(25,67,126)

#163B6F
(22,59,111)

#133360
(19,51,96)

#102B51
(16,43,81)

#0D2342
(13,35,66)

#0A1B33
(10,27,51)

#071324
(7,19,36)

#040B15
(4,11,21)

#000000
(0,0,0)

Tints of #225BAB

#225BAB
(34,91,171)

#3669B2
(54,105,178)

#4A77B9
(74,119,185)

#5E85C0
(94,133,192)

#7293C7
(114,147,199)

#86A1CE
(134,161,206)

#9AAFD5
(154,175,213)

#AEBDDC
(174,189,220)

#C2CBE3
(194,203,227)

#D6D9EA
(214,217,234)

#EAE7F1
(234,231,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #225BAB color. Also use rgb(34,91,171) instead hex code.

Text Font Color

.myTextColor { color: #225BAB; }

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

This text font color is #225BAB.

Background Color

.myBgColor { background-color: #225BAB; }

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

This div background color is #225BAB.

Border color

.myBorderColor { border: 1px solid #225BAB; }

This div border color is #225BAB.

Opacity

.myOpacity80 { color: #225BAB; opacity: 0.8; }

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

This text has shadow with #225BAB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #225BAB.