COLOR #6E80F0

HEX: #6E80F0 RGB: (110,128,240)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#6E80F0 contains mainly blue color. Web safe color of #6E80F0 is #6666FF (or #66F).

RGB color model

#6E80F0 color RGB value is (110,128,240).

red value is 110;
green value is 128;
blue value is 240.

RGB: (110,128,240) (43%, 50%, 94%)

RGB channels and saturation

R 110 of 255 = 43%
G 128 of 255 = 50%
B 240 of 255 = 94%

110

128

240

R + G + B ~ 62%. #6E80F0 is quite light color.

Portions of RGB colors in percentages

R + G + B = 110 + 128 + 240 = 478 (100%)
R 110 of 478 ~ 23.01%
G 128 of 478 ~ 26.78%
B 240 of 478 ~ 50.21'%

%23.01

%26.78

%50.21

CMYK color model

#6E80F0 color CMYK value is (54,47,0,6).

cyan value is 54.17%
magenta value is 46.67%
yellow value is 0.00%
key color value is 5.88%

CMYK: (54,47,0,6) C54M47Y0K6 (54%,47%,0%,6%) (0.54/0.47/0.00/0.06)

CMYK percentages

%54.17

%46.67

%5.88

Codes

Color #6E80F0 in popluar color models

	6E	80	F0
RGB	110	128	240
HSL	232°	81.25%	68.63%
HSB/HSV	232°	54.17%	94.12%
CMYK	54.17%	46.67%	0.00%
CMYK	5.88%

Color #6E80F0 in popluar number systems.

HEX	6E	80	F0
Decimal	110	128	240
Binary	1101110	10000000	11110000
Octal	156	200	360

Shades and tints

Shades of #6E80F0

#6E80F0
(110,128,240)

#6475DB
(100,117,219)

#5A6AC6
(90,106,198)

#505FB1
(80,95,177)

#46549C
(70,84,156)

#3C4987
(60,73,135)

#323E72
(50,62,114)

#28335D
(40,51,93)

#1E2848
(30,40,72)

#141D33
(20,29,51)

#0A121E
(10,18,30)

#000000
(0,0,0)

Tints of #6E80F0

#6E80F0
(110,128,240)

#7B8BF1
(123,139,241)

#8896F2
(136,150,242)

#95A1F3
(149,161,243)

#A2ACF4
(162,172,244)

#AFB7F5
(175,183,245)

#BCC2F6
(188,194,246)

#C9CDF7
(201,205,247)

#D6D8F8
(214,216,248)

#E3E3F9
(227,227,249)

#F0EEFA
(240,238,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6E80F0 color. Also use rgb(110,128,240) instead hex code.

Text Font Color

.myTextColor { color: #6E80F0; }

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

This text font color is #6E80F0.

Background Color

.myBgColor { background-color: #6E80F0; }

<div style="background-color:#6E80F0">Inner text</div>

This div background color is #6E80F0.

Border color

.myBorderColor { border: 1px solid #6E80F0; }

This div border color is #6E80F0.

Opacity

.myOpacity80 { color: #6E80F0; opacity: 0.8; }

Text with #6E80F0 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 #6E80F0;}

This text has shadow with #6E80F0 color.

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

This text has shadow with #6E80F0 primary color and red secondary color.

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

This text has shadow with #6E80F0 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #6E80F0.