Color #6530F4

Color info

#6530F4 contains mainly blue color. Web safe color of #6530F4 is #6633FF (or #63F).

RGB color model

#6530F4 color RGB value is (101,48,244).

red value is 101;
green value is 48;
blue value is 244.

RGB: (101,48,244) (40%, 19%, 96%)

RGB channels and saturation

R 101 of 255 = 40%
G 48 of 255 = 19%
B 244 of 255 = 96%

101

48

244

R + G + B ~ 52%. #6530F4 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 101 + 48 + 244 = 393 (100%)
R 101 of 393 ~ 25.7%
G 48 of 393 ~ 12.21%
B 244 of 393 ~ 62.09'%

%25.7

%12.21

%62.09

CMYK color model

#6530F4 color CMYK value is (59,80,0,4).

cyan value is 58.61%
magenta value is 80.33%
yellow value is 0.00%
key color value is 4.31%

CMYK: (59,80,0,4)
C59M80Y0K4 (59%, 80%, 0%, 4%)
(0.59 / 0.80 / 0.00 / 0.04)

CMYK percentages

%58.61

%80.33

%0

%4.31

Codes

Color #6530F4 in popluar color models

	65	30	F4
RGB	101	48	244
HSL	256°	89.91%	57.25%
HSB/HSV	256°	80.33%	95.69%
CMYK	58.61%	80.33%	0.00%
CMYK	4.31%

Color #6530F4 in popluar number systems.

HEX	65	30	F4
Decimal	101	48	244
Binary	1100101	110000	11110100
Octal	145	60	364

Shades and tints

Shades of #6530F4

#6530F4
(101,48,244)

#5C2CDE
(92,44,222)

#5328C8
(83,40,200)

#4A24B2
(74,36,178)

#41209C
(65,32,156)

#381C86
(56,28,134)

#2F1870
(47,24,112)

#26145A
(38,20,90)

#1D1044
(29,16,68)

#140C2E
(20,12,46)

#0B0818
(11,8,24)

#000000
(0,0,0)

Tints of #6530F4

#6530F4
(101,48,244)

#7342F5
(115,66,245)

#8154F6
(129,84,246)

#8F66F7
(143,102,247)

#9D78F8
(157,120,248)

#AB8AF9
(171,138,249)

#B99CFA
(185,156,250)

#C7AEFB
(199,174,251)

#D5C0FC
(213,192,252)

#E3D2FD
(227,210,253)

#F1E4FE
(241,228,254)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6530F4 color. Also use rgb(101,48,244) instead hex code.

Text Font Color

.myTextColor { color: #6530F4; }

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

This text font color is #6530F4.

Background Color

.myBgColor { background-color: #6530F4; }

<div style="background-color:#6530F4">Inner text</div>

This div background color is #6530F4.

Border color

.myBorderColor { border: 1px solid #6530F4; }

This div border color is #6530F4.

Opacity

.myOpacity80 { color: #6530F4; opacity: 0.8; }

Text with #6530F4 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 #6530F4;}

This text has shadow with #6530F4 color.

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

This text has shadow with #6530F4 primary color and red secondary color.

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

This text has shadow with #6530F4 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #6530F4.