COLOR #7D68BE

HEX: #7D68BE
RGB: (125,104,190)

Color info

#7D68BE contains mainly blue color. Web safe color of #7D68BE is #6666CC (or #66C).

RGB color model

#7D68BE color RGB value is (125,104,190).

  • red value is 125;
  • green value is 104;
  • blue value is 190.
RGB:
(125,104,190)
(49%,41%,75%)

RGB channels and saturation

R 125 of 255 = 49%
G 104 of 255 = 41%
B 190 of 255 = 75%

125
104
190

R + G + B ~ 55%. #7D68BE is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
125 + 104 + 190 = 419 (100%)
R 125 of 419 ~ 29.83%
G 104 of 419 ~ 24.82%
B 190 of 419 ~ 45.35%

%29.83
%24.82
%45.35

CMYK color model

#7D68BE color CMYK value is (34,45,0,25).

  • cyan value is 34.21%
  • magenta value is 45.26%
  • yellow value is 0.00%
  • key color value is 25.49%
CMYK:
(34,45,0,25)
C34M45Y0K25 
(34%,45%,0%,25%)
(0.34/0.45/0.00/0.25)	

CMYK percentages

%34.21
%45.26
%0
%25.49

Codes

Color #7D68BE in popluar color models

7D68BE
RGB125104190
HSL255°39.81%57.65%
HSB/HSV255°45.26%74.51%
CMYK34.21%45.26%0.00%
25.49%

Color #7D68BE in popluar number systems.

HEX7D68BE
Decimal125104190
Binary1111101110100010111110
Octal175150276

Shades and tints

Shades of #7D68BE

#7D68BE
(125,104,190)
#725FAD
(114,95,173)
#67569C
(103,86,156)
#5C4D8B
(92,77,139)
#51447A
(81,68,122)
#463B69
(70,59,105)
#3B3258
(59,50,88)
#302947
(48,41,71)
#252036
(37,32,54)
#1A1725
(26,23,37)
#0F0E14
(15,14,20)
#000000
(0,0,0)

Tints of #7D68BE

#7D68BE
(125,104,190)
#8875C3
(136,117,195)
#9382C8
(147,130,200)
#9E8FCD
(158,143,205)
#A99CD2
(169,156,210)
#B4A9D7
(180,169,215)
#BFB6DC
(191,182,220)
#CAC3E1
(202,195,225)
#D5D0E6
(213,208,230)
#E0DDEB
(224,221,235)
#EBEAF0
(235,234,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7D68BE color. Also use rgb(125,104,190) instead hex code.

Text Font Color

.myTextColor { color: #7D68BE; }

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

This text font color is #7D68BE.


Background Color

.myBgColor { background-color: #7D68BE; }

<div style="background-color:#7D68BE">Inner text</div>

This div background color is #7D68BE.


Border color

.myBorderColor { border: 1px solid #7D68BE; }

<div style="border:3px solid #7D68BE">Div</div>

This div border color is #7D68BE.


Opacity

.myOpacity80 { color: #7D68BE; opacity: 0.8; }

<p style="color:#7D68BE;opacity:0.8;">80%</p>

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

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

This text has shadow with #7D68BE color.

.textShadow {text-shadow: 3px 3px 1px #7D68BE, 3px 3px 1px red;}

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

This text has shadow with #7D68BE primary color and red secondary color.


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

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

This text has shadow with #7D68BE and red colors in old Internet Explorer.


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #7D68BE;
-webkit-box-shadow: 1px 1px 3px 2px #7D68BE;
box-shadow:1px 1px 3px 2px #7D68BE;">
Div content here</div>
This div box has shadow with color #7D68BE.

Preview

Color preview on black background

This text has color #7D68BE on black background.


Color preview on white background

This text has color #7D68BE on white background.



Black color preview on #7D68BE background

This text has black color on #7D68BE background.


White color preview on #7D68BE background

This text has white color on #7D68BE background.