#6a5acd Color Hex Ameixa

Information about Ameixa Color | #0000FF

#6a5acd color RGB value is (106,90,205). #6a5acd color name is Ameixa color.

#6a5acd hex color red value is 106 , green value is 90 and the blue value of its RGB is 205 . Cylindrical-coordinate representations (also known as HSL) of color #6a5acd hue: 248 , saturation: 53 and the lightness value of #6a5acd is 58

The process color (four color CMYK) of #6a5acd color hex is 19 , 22 ,0, 8 .

#6a5acd

~Ameixa

Color Converions

HEX
#6a5acd
RGB
106,90,205
LAB
45,30,-59
CMYK
48,56,0,20
LCH
45,66,-63
XYZ
21,15,60
HSV
248,56,80
HSL
248,53,58

Base Numbers

Base Red Green Blue
Binary 1101010 1011010 11001101
Octal 152 132 315
Decimal 106 90 205
Hex 6a 5a cd

RGB Percentages of Color #6a5acd

42%
35%
80%

CMYK Percentages of Color #6a5acd

19%
0%
22%
8%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #6a5acd

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#6a5acd
20%
#5f51b9
30%
#5548a4
40%
#4a3f8f
50%
#40367b
60%
#352d66
70%
#2a2452
80%
#201b3d
90%
#151229
100%
#0b0914

Tints of #6a5acd

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#6a5acd
20%
#796bd2
30%
#887bd7
40%
#978cdc
50%
#a69ce1
60%
#b5ade6
70%
#c3bdeb
80%
#d2cef0
90%
#e1def5
100%
#f0effa

Tones of #6a5acd

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#6a5acd
20%
#6c5ec5
30%
#6e62be
40%
#7065b6
50%
#7369ae
60%
#756da6
70%
#77719f
80%
#797497
90%
#7b788f
100%
#7d7c87

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#6a5acd
#5a78cd
#5a61cd
#6a5acd
#815acd
#985acd

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#6a5acd
#bdcd5a

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6a5acd
#cd5aa6
#78cd5a

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#6a5acd
#cd6a5a
#5acd6a

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#6a5acd
#cd5a83
#bdcd5a
#5acda3

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#6a5acd
#806df7
#120f23
#28224d
#3e3578
#5447a2

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#6a5acd

protanopia

#0067d8

deuteranopia

#006dbd

tritanopia

#4d717a

achromatopsia

#666666

protanomaly

#2762d4

deuteranomaly

#2766c3

achromatopsia

#666666

tritanomaly

#576898

achromatomaly

#67618b

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Good 5/21
Hello World ! 5

Black background-color

Poor 4/21
Hello World !

#6a5acd Color CSS Codes

.bgcolor {background-color:#6a5acd; } 
.forecolor {color:#6a5acd; }
.bordercolor {border:3px solid #6a5acd; }
            

#6a5acd Text Font Color

<div style="color:#6a5acd">
Div content here</div>

This sample text font color is #6a5acd
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#6a5acd Background Color

<div style="background-color:#6a5acd">
Div content here</div>
Div content here

#6a5acd Border Color

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

This div border color is #6a5acd

#6a5acd Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #6a5acd; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #6a5acd; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #6a5acd;
  -webkit-box-shadow: 1px 1px 3px 2px #6a5acd;
  box-shadow: 1px 1px 3px 2px #6a5acd; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #6a5acd">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #6a5acd;
              -webkit-box-shadow: 1px 1px 3px 2px #6a5acd;
              box-shadow:         1px 1px 3px 2px #6a5acd#6a5acd">
Div content here</div>

This div box has shadow with color #6a5acd

More Colors

Paprika Kisses
#c24325
Gryphonne Sepia Wash
#883f11
Harbour Light
#d7e0e7
Alter Ego
#69656d
Ai Indigo
#274447
Picholine
#566955
Breathless
#dfdae0
Blonde Wood
#ab7741
Lightning Bolt
#e5ebe6
Lake Reflection
#9dd8db
King Lime
#add900
Capital Grains
#dbd0a8
Acapulco
#75aa94
Cumin
#a58459
Fairfax Brown
#61463a
Bridal Veil
#e7e1de
Cherry Fizz
#bd6973
Mulberry Purple
#493c62
Grand Piano
#d8d0bd
Plum Power
#7e5e8d
Nomadic Taupe
#d2c6ae
Beer Garden
#449933
Castaway Beach
#d0c19f
Green Sheen
#d9ce52
Ceramic
#fcfff9
Banana Flash
#eeff00
Glossy Grape
#ab92b3
Bighorn Sheep
#20120e
Blue Bonnet
#335599
Pacific Bluffs
#c3a285
Cannon Pink
#8e5164
Mineral Red
#b35457
Corn Harvest
#8d702a
Burnt Toffee
#ab7e5e
Plymouth Beige
#ddd3c2
Piccadilly Purple
#51588e
Honey Nougat
#e0bb96
Gold Leaf
#edbb26
Cadian Fleshtone
#90766e
Ancestral Gold
#ddcda6
rating-img
Rate this tool
NaN/5   0 votes