#6c5d97 Color Hex Just a Fairytale

Information about Just a Fairytale Color | #0000FF

#6c5d97 color RGB value is (108,93,151). #6c5d97 color name is Just a Fairytale color.

#6c5d97 hex color red value is 108 , green value is 93 and the blue value of its RGB is 151 . Cylindrical-coordinate representations (also known as HSL) of color #6c5d97 hue: 256 , saturation: 24 and the lightness value of #6c5d97 is 48

The process color (four color CMYK) of #6c5d97 color hex is 11 , 15 ,0, 16 .

#6c5d97

~Just a Fairytale

Color Converions

HEX
#6c5d97
RGB
108,93,151
LAB
43,16,-30
CMYK
28,38,0,41
LCH
43,34,-61
XYZ
16,13,31
HSV
256,38,59
HSL
256,24,48

Base Numbers

Base Red Green Blue
Binary 1101100 1011101 10010111
Octal 154 135 227
Decimal 108 93 151
Hex 6c 5d 97

RGB Percentages of Color #6c5d97

42%
36%
59%

CMYK Percentages of Color #6c5d97

11%
0%
15%
16%

Color Variations

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

Shades of #6c5d97

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

10%
#6c5d97
20%
#615488
30%
#564a79
40%
#4c416a
50%
#41385b
60%
#362e4c
70%
#2b253c
80%
#201c2d
90%
#16131e
100%
#0b090f

Tints of #6c5d97

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

10%
#6c5d97
20%
#7b6da1
30%
#897dac
40%
#988eb6
50%
#a79ec1
60%
#b5aecb
70%
#c4bed5
80%
#d3cee0
90%
#e2dfea
100%
#f0eff5

Tones of #6c5d97

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

10%
#6c5d97
20%
#6e6095
30%
#706492
40%
#726790
50%
#746b8e
60%
#766e8b
70%
#787289
80%
#7a7587
90%
#7c7984
100%
#7e7c82

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.
#6c5d97
#5d6597
#605d97
#6c5d97
#785d97
#835d97

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6c5d97
#975d7c
#65975d

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#6c5d97
#976c5d
#5d976c

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.
#6c5d97
#975d6b
#88975d
#5d9789

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#6c5d97
#8a77c1
#a991ec
#110e17
#2f2942
#4e436c

Blindness simulator

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

Normal

#6c5d97

protanopia

#51649b

deuteranopia

#536593

tritanopia

#62666e

achromatopsia

#646464

protanomaly

#5b6199

deuteranomaly

#5c6294

achromatopsia

#646464

tritanomaly

#66637d

achromatomaly

#676277

Contrast Checker

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

White background

Good 6/21
Hello World ! 6

Black background-color

Poor 4/21
Hello World !

#6c5d97 Color CSS Codes

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

#6c5d97 Text Font Color

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

This sample text font color is #6c5d97
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.

#6c5d97 Background Color

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

#6c5d97 Border Color

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

This div border color is #6c5d97

#6c5d97 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #6c5d97

More Colors

Philosophical
#757b7d
Fading Love
#c973a2
Athens Grey
#dcdddd
Pesto Genovese
#9dc249
Almondine
#fedebc
Berry Burst
#ac72af
Goldenrod
#fdcb18
Asurmen Blue Wash
#273e51
Olive Martini
#ced2ab
Daring Deception
#f0dfe0
Pandora
#71689a
Green Lacewing
#8ad370
Birdseye
#ab823d
Impatiens Pink
#ffc4bc
Mallard Blue
#3a5c6e
Old Red Crest
#d8cbcf
Bermuda Onion
#9d5a8f
Poisonous Ice Cream
#d7d927
Clown Green
#c4d056
Oslo Grey
#878d91
Gundaroo Green
#959984
Green Glitter
#dde26a
Orange Lily
#be7249
Pepper Sprout
#7e9242
Circus Peanut
#ad835c
Lily of The Valley White
#e2e3d6
Bayshore Blue
#8ea6ba
Fat Gold
#e6bc00
Courtyard Green
#978d71
Flipper
#7f726b
Plaguelands Hazel
#ad5f28
Ice Shard Soft Blue
#c1dee2
Mallard
#254855
Nisemurasaki Purple
#43242a
Calypso Red
#de6b66
Cyanite
#00b7eb
Dutch Cocoa
#8c706a
Medium Green
#3c824e
Move Mint
#4effcd
rating-img
Rate this tool
NaN/5   0 votes