MediumSlateBlue (#7B68EE) Web Color For Web Page Design

Everything about MediumSlateBlue (#7B68EE) and hex colors to enhance web page design and your website development company. Get a multitude of palettes based on one color. Learn how to choose the right hex codes for web page design. Optimize your online projects with the power of triadic, tetradic, analogous colors, and more. Get inspired and design websites with ease for your web development company.

MediumSlateBlue (#7B68EE) Color Hex

MediumSlateBlue (#7B68EE) rgb(123, 104, 238)

Color spaces of MediumSlateBlue (#7B68EE)

RGB123104238
HSL0.690.800.67
HSV2495794
CMYK0.480.560.00 0.07
XYZ28.551320.284683.2994
Yxy0.21610.1535
Hunter Lab45.038534.3395-78.1310
CIE-Lab52.157541.0797-65.4054

Base Numbers

BaseRedGreenBlue
Binary011110110110100011101110
Octal173150356
Decimal123104238
Hex7B68EE

Shades of MediumSlateBlue (#7B68EE)

Copied!
HEX toggle hex RGB
#7b68ee #6f5ed6 #6253be #5649a7 #4a3e8f #3e3477 #312a5f #251f47 #191530 #0c0a18 #000000

Tints of MediumSlateBlue (#7B68EE)

Copied!
HEX toggle hex RGB
#7e6de5 #8373df #8a7ddb #9388d8 #a096d9 #aea6dc #bfb9e1 #d1cee8 #e7e5f3 #ffffff

RGB Percentages of Color MediumSlateBlue (#7B68EE)

Red
Green
Blue

CMYK Percentages of Color MediumSlateBlue (#7B68EE)

Cyan
Magenta
Yellow
Black

Analogous Colors of MediumSlateBlue (#7B68EE)

Copied!
HEX toggle hex RGB
#7B68EE #a600ff #ff00d9 #ff0059

Triadic Colors of MediumSlateBlue (#7B68EE) separated with 120° angle

Copied!
HEX toggle hex RGB
#7B68EE #ef806c #6cef80

Tetradic Colors of MediumSlateBlue (#7B68EE) separated with 90° angle

Copied!
HEX toggle hex RGB
#7B68EE #ef6c9a #dbef6c #6cefc1

Monochromatic Colors of MediumSlateBlue (#7B68EE)

Copied!
HEX toggle hex RGB
#26119c #3518da #573de9 #a89bf4 #d1caf9

Complementary Color

Copied!
HEX toggle hex RGB
#7B68EE #dbef6c

Pastel variations

Copied!
HEX toggle hex RGB
#5c65aa #454c80 #d0d3e6 #3b4bbf

Soft variations

Copied!
HEX toggle hex RGB
#6d7297 #5c6080 #d0d3e6 #6771bf

Light variations

Copied!
HEX toggle hex RGB
#c4cbff #6771bf #e8eaff #8a97ff

Hard variations

Copied!
HEX toggle hex RGB
#0f23bd #091571 #e8eaff #7282ff

Pale variations

Copied!
HEX toggle hex RGB
#9293a0 #747580 #e8eaff #aeb0bf

MediumSlateBlue (#7B68EE) Color Preview on Black Background

This is MediumSlateBlue (#7B68EE) on a black background

MediumSlateBlue (#7B68EE) Color Preview on White Background

This is MediumSlateBlue (#7B68EE) on a white background

MediumSlateBlue (#7B68EE) Color CSS Codes

                .bckColor {background-color:#ff0000; } 
                .forColor {color:#ff0000; }
                .bordercolor {border:3px solid #ff0000; }

MediumSlateBlue (#7B68EE) Text Font Color

This is a sample text written with the MediumSlateBlue (#7B68EE) color.
This is a strong text written with the MediumSlateBlue (#7B68EE) as well.

MediumSlateBlue (#7B68EE) Background Color

                <div style="background-color:MediumSlateBlue (#7B68EE)">
                    Text on the MediumSlateBlue (#7B68EE) color
                </div>

MediumSlateBlue (#7B68EE) Border Color

<div style="border:3px solid #ff0000">
                  Div here
                </div>

Css3 Examples

Text Shadow with RGB Values

                .rgbShadow {
                    text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); } 
                .hexShadow { 
                    text-shadow: 4px 4px 2px #ff0000; }
                .divShadow { 
                    -moz-box-shadow: 1px 1px 3px 2px #ff0000;
                    -webkit-box-shadow: 1px 1px 3px 2px #ff0000;
                    box-shadow:         1px 1px 3px 2px #ff0000; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px rgb(123, 104, 238);">Text here</p>

This is a text with rgb(123, 104, 238) as a shadow color.

Div Box Shadow

                <div style="-moz-box-shadow: 1px 1px 3px 2px #7B68EE;
                  -webkit-box-shadow: 1px 1px 3px 2px #7B68EE;
                  box-shadow:         1px 1px 3px 2px #7B68EE;">
                    Div content here
                </div>
An html Div with text shadow using #7B68EE color hex code

Related palettes