Color #024CBB

Color info

#024CBB contains mainly blue color. Web safe color of #024CBB is #0033CC (or #03C).

RGB color model

#024CBB color RGB value is (2,76,187).

red value is 2;
green value is 76;
blue value is 187.

RGB:
(2,76,187)
(1%,30%,73%)

RGB channels and saturation

R 2 of 255 = 1%
G 76 of 255 = 30%
B 187 of 255 = 73%

187

R + G + B ~ 35%. #024CBB is quite dark color.

Portions of RGB colors in percentages

R + G + B =
2 + 76 + 187 = 265 (100%)
R 2 of 265 ~ 0.75%
G 76 of 265 ~ 28.68%
B 187 of 265 ~ 70.57%

%28.68

%70.57

CMYK color model

#024CBB color CMYK value is (99,59,0,27).

cyan value is 98.93%
magenta value is 59.36%
yellow value is 0.00%
key color value is 26.67%

CMYK:
(99,59,0,27)
C99M59Y0K27 
(99%,59%,0%,27%)
(0.99/0.59/0.00/0.27)

CMYK percentages

%98.93

%59.36

%26.67

Codes

Color #024CBB in popluar color models

	02	4C	BB
RGB	2	76	187
HSL	216°	97.88%	37.06%
HSB/HSV	216°	98.93%	73.33%
CMYK	98.93%	59.36%	0.00%
CMYK	26.67%

Color #024CBB in popluar number systems.

HEX	02	4C	BB
Decimal	2	76	187
Binary	10	1001100	10111011
Octal	2	114	273

Shades and tints

Shades of #024CBB

#024CBB
(2,76,187)

#0246AA
(2,70,170)

#024099
(2,64,153)

#023A88
(2,58,136)

#023477
(2,52,119)

#022E66
(2,46,102)

#022855
(2,40,85)

#022244
(2,34,68)

#021C33
(2,28,51)

#021622
(2,22,34)

#021011
(2,16,17)

#000000
(0,0,0)

Tints of #024CBB

#024CBB
(2,76,187)

#195CC1
(25,92,193)

#306CC7
(48,108,199)

#477CCD
(71,124,205)

#5E8CD3
(94,140,211)

#759CD9
(117,156,217)

#8CACDF
(140,172,223)

#A3BCE5
(163,188,229)

#BACCEB
(186,204,235)

#D1DCF1
(209,220,241)

#E8ECF7
(232,236,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #024CBB color. Also use rgb(2,76,187) instead hex code.

Text Font Color

.myTextColor { color: #024CBB; }

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

This text font color is #024CBB.

Background Color

.myBgColor { background-color: #024CBB; }

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

This div background color is #024CBB.

Border color

.myBorderColor { border: 1px solid #024CBB; }

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

This div border color is #024CBB.

Opacity

.myOpacity80 { color: #024CBB; opacity: 0.8; }

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

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

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

This text has shadow with #024CBB color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #024CBB.

Preview

Color preview on black background

This text has color #024CBB on black background.

Color preview on white background

This text has color #024CBB on white background.

Black color preview on #024CBB background

This text has black color on #024CBB background.

White color preview on #024CBB background

This text has white color on #024CBB background.