Color #483DCC

Color info

#483DCC contains mainly blue color. Web safe color of #483DCC is #3333CC (or #33C).

RGB color model

#483DCC color RGB value is (72,61,204).

red value is 72;
green value is 61;
blue value is 204.

RGB: (72,61,204) (28%, 24%, 80%)

RGB channels and saturation

R 72 of 255 = 28%
G 61 of 255 = 24%
B 204 of 255 = 80%

72

61

204

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

Portions of RGB colors in percentages

R + G + B = 72 + 61 + 204 = 337 (100%)
R 72 of 337 ~ 21.36%
G 61 of 337 ~ 18.1%
B 204 of 337 ~ 60.53'%

%21.36

%18.1

%60.53

CMYK color model

#483DCC color CMYK value is (65,70,0,20).

cyan value is 64.71%
magenta value is 70.10%
yellow value is 0.00%
key color value is 20.00%

CMYK: (65,70,0,20)
C65M70Y0K20 (65%, 70%, 0%, 20%)
(0.65 / 0.70 / 0.00 / 0.20)

CMYK percentages

%64.71

%70.1

%0

%20

Codes

Color #483DCC in popluar color models

	48	3D	CC
RGB	72	61	204
HSL	245°	58.37%	51.96%
HSB/HSV	245°	70.10%	80.00%
CMYK	64.71%	70.10%	0.00%
CMYK	20.00%

Color #483DCC in popluar number systems.

HEX	48	3D	CC
Decimal	72	61	204
Binary	1001000	111101	11001100
Octal	110	75	314

Shades and tints

Shades of #483DCC

#483DCC
(72,61,204)

#4238BA
(66,56,186)

#3C33A8
(60,51,168)

#362E96
(54,46,150)

#302984
(48,41,132)

#2A2472
(42,36,114)

#241F60
(36,31,96)

#1E1A4E
(30,26,78)

#18153C
(24,21,60)

#12102A
(18,16,42)

#0C0B18
(12,11,24)

#000000
(0,0,0)

Tints of #483DCC

#483DCC
(72,61,204)

#584ED0
(88,78,208)

#685FD4
(104,95,212)

#7870D8
(120,112,216)

#8881DC
(136,129,220)

#9892E0
(152,146,224)

#A8A3E4
(168,163,228)

#B8B4E8
(184,180,232)

#C8C5EC
(200,197,236)

#D8D6F0
(216,214,240)

#E8E7F4
(232,231,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #483DCC color. Also use rgb(72,61,204) instead hex code.

Text Font Color

.myTextColor { color: #483DCC; }

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

This text font color is #483DCC.

Background Color

.myBgColor { background-color: #483DCC; }

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

This div background color is #483DCC.

Border color

.myBorderColor { border: 1px solid #483DCC; }

This div border color is #483DCC.

Opacity

.myOpacity80 { color: #483DCC; opacity: 0.8; }

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

This text has shadow with #483DCC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #483DCC.