Color picker

#6453cd

Conversion

HEX#6453cd
HEX8#6453cdff
RGBrgb(100, 83, 205)
CMYK[0.51,0.6,0,0.2]
Name#6453cd
HCL[302.48,72.58,43.22]
oklab[0.53,0.05,-0.18]
Num6575053
HSI[247.39,0.36,0.51]
lab[43.22,38.97,-61.23]
Lighten
#aba2e4
Darken
#382a90
Saturate
#543de3
Desaturate
#7469b7
Greyscale
#909090
Brighten
#9786ff

Color harmonies of #6453cd

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

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#6453cd
#cd6453
#53cd64

Tetrad

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.
#6453cd
#cd537f
#bccd53
#53cda1

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#6453cd
#7964f7
#110e23
#261f4d
#3b3178
#4f42a2

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#6453cd
#5373cd
#535acd
#6453cd
#7c53cd
#9553cd

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6453cd
#cd53a4
#73cd53

Variations

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

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f4f3fb
#e9e6f8
#dedaf4
#d3cef1
#c8c2ed
#bdb5ea
#b2a9e6
#a69de2
#9b90df
#9084db
#8578d8
#7a6cd4
#6f5fd1
#6453cd

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#07060f
#0e0c1d
#15122c
#1d183b
#241e49
#2b2458
#322a67
#392f75
#403584
#473b92
#4f41a1
#5647b0
#5d4dbe
#6453cd

Contrast Checker

Verify the contrast of a #6453cd colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

5.737 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
3.661 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #6453cd

Some examples of color palettes with #6453cd. View more

Use #6453cd in CSS

#6453cd as Background Color in CSS
<div style="background-color:#6453cd">Background Color</div>
#6453cd as Text Color in CSS
<div style="color:#6453cd">Text Color</div>
#6453cd as Border Color in CSS
<div style="border-color:#6453cd">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet