Color #600AED

Color info

#600AED contains mainly blue color. Web safe color of #600AED is #6600FF (or #60F).

RGB color model

#600AED color RGB value is (96,10,237).

red value is 96;
green value is 10;
blue value is 237.

RGB:
(96,10,237)
(38%,4%,93%)

RGB channels and saturation

R 96 of 255 = 38%
G 10 of 255 = 4%
B 237 of 255 = 93%

237

R + G + B ~ 45%. #600AED is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
96 + 10 + 237 = 343 (100%)
R 96 of 343 ~ 27.99%
G 10 of 343 ~ 2.92%
B 237 of 343 ~ 69.1%

%27.99

%69.1

CMYK color model

#600AED color CMYK value is (59,96,0,7).

cyan value is 59.49%
magenta value is 95.78%
yellow value is 0.00%
key color value is 7.06%

CMYK:
(59,96,0,7)
C59M96Y0K7 
(59%,96%,0%,7%)
(0.59/0.96/0.00/0.07)

CMYK percentages

%59.49

%95.78

%7.06

Codes

Color #600AED in popluar color models

	60	0A	ED
RGB	96	10	237
HSL	263°	91.90%	48.43%
HSB/HSV	263°	95.78%	92.94%
CMYK	59.49%	95.78%	0.00%
CMYK	7.06%

Color #600AED in popluar number systems.

HEX	60	0A	ED
Decimal	96	10	237
Binary	1100000	1010	11101101
Octal	140	12	355

Shades and tints

Shades of #600AED

#600AED
(96,10,237)

#580AD8
(88,10,216)

#500AC3
(80,10,195)

#480AAE
(72,10,174)

#400A99
(64,10,153)

#380A84
(56,10,132)

#300A6F
(48,10,111)

#280A5A
(40,10,90)

#200A45
(32,10,69)

#180A30
(24,10,48)

#100A1B
(16,10,27)

#000000
(0,0,0)

Tints of #600AED

#600AED
(96,10,237)

#6E20EE
(110,32,238)

#7C36EF
(124,54,239)

#8A4CF0
(138,76,240)

#9862F1
(152,98,241)

#A678F2
(166,120,242)

#B48EF3
(180,142,243)

#C2A4F4
(194,164,244)

#D0BAF5
(208,186,245)

#DED0F6
(222,208,246)

#ECE6F7
(236,230,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #600AED color. Also use rgb(96,10,237) instead hex code.

Text Font Color

.myTextColor { color: #600AED; }

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

This text font color is #600AED.

Background Color

.myBgColor { background-color: #600AED; }

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

This div background color is #600AED.

Border color

.myBorderColor { border: 1px solid #600AED; }

<div style="border:3px solid #600AED">Div</div>

This div border color is #600AED.

Opacity

.myOpacity80 { color: #600AED; opacity: 0.8; }

<p style="color:#600AED;opacity:0.8;">80%</p>

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

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

This text has shadow with #600AED color.

.textShadow {text-shadow: 3px 3px 1px #600AED, 3px 3px 1px red;}

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #600AED.

Preview

Color preview on black background

This text has color #600AED on black background.

Color preview on white background

This text has color #600AED on white background.

Black color preview on #600AED background

This text has black color on #600AED background.

White color preview on #600AED background

This text has white color on #600AED background.