Color #257DAD

Color info

#257DAD contains mainly green and blue colors. Web safe color of #257DAD is #336699 (or #369).

RGB color model

#257DAD color RGB value is (37,125,173).

red value is 37;
green value is 125;
blue value is 173.

RGB:
(37,125,173)
(15%,49%,68%)

RGB channels and saturation

R 37 of 255 = 15%
G 125 of 255 = 49%
B 173 of 255 = 68%

125

173

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

Portions of RGB colors in percentages

R + G + B =
37 + 125 + 173 = 335 (100%)
R 37 of 335 ~ 11.04%
G 125 of 335 ~ 37.31%
B 173 of 335 ~ 51.64%

%11.04

%37.31

%51.64

CMYK color model

#257DAD color CMYK value is (79,28,0,32).

cyan value is 78.61%
magenta value is 27.75%
yellow value is 0.00%
key color value is 32.16%

CMYK:
(79,28,0,32)
C79M28Y0K32 
(79%,28%,0%,32%)
(0.79/0.28/0.00/0.32)

CMYK percentages

%78.61

%27.75

%32.16

Codes

Color #257DAD in popluar color models

	25	7D	AD
RGB	37	125	173
HSL	201°	64.76%	41.18%
HSB/HSV	201°	78.61%	67.84%
CMYK	78.61%	27.75%	0.00%
CMYK	32.16%

Color #257DAD in popluar number systems.

HEX	25	7D	AD
Decimal	37	125	173
Binary	100101	1111101	10101101
Octal	45	175	255

Shades and tints

Shades of #257DAD

#257DAD
(37,125,173)

#22729E
(34,114,158)

#1F678F
(31,103,143)

#1C5C80
(28,92,128)

#195171
(25,81,113)

#164662
(22,70,98)

#133B53
(19,59,83)

#103044
(16,48,68)

#0D2535
(13,37,53)

#0A1A26
(10,26,38)

#070F17
(7,15,23)

#000000
(0,0,0)

Tints of #257DAD

#257DAD
(37,125,173)

#3888B4
(56,136,180)

#4B93BB
(75,147,187)

#5E9EC2
(94,158,194)

#71A9C9
(113,169,201)

#84B4D0
(132,180,208)

#97BFD7
(151,191,215)

#AACADE
(170,202,222)

#BDD5E5
(189,213,229)

#D0E0EC
(208,224,236)

#E3EBF3
(227,235,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #257DAD color. Also use rgb(37,125,173) instead hex code.

Text Font Color

.myTextColor { color: #257DAD; }

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

This text font color is #257DAD.

Background Color

.myBgColor { background-color: #257DAD; }

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

This div background color is #257DAD.

Border color

.myBorderColor { border: 1px solid #257DAD; }

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

This div border color is #257DAD.

Opacity

.myOpacity80 { color: #257DAD; opacity: 0.8; }

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

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

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

This text has shadow with #257DAD color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #257DAD.

Preview

Color preview on black background

This text has color #257DAD on black background.

Color preview on white background

This text has color #257DAD on white background.

Black color preview on #257DAD background

This text has black color on #257DAD background.

White color preview on #257DAD background

This text has white color on #257DAD background.