Color picker

#645ec2

Conversion

HEX#645ec2
HEX8#645ec2ff
RGBrgb(100, 94, 194)
CMYK[0.48,0.52,0,0.24]
Name#645ec2
HCL[299.21,59.39,45.09]
oklab[0.54,0.03,-0.15]
Num6577858
HSI[243.07,0.27,0.51]
lab[45.09,28.98,-51.84]
Lighten
#aba8de
Darken
#383387
Saturate
#5048d8
Desaturate
#7874ac
Greyscale
#909090
Brighten
#9791f5

Color harmonies of #645ec2

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.
#645ec2
#c2645e
#5ec264

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.
#645ec2
#c25e8a
#bcc25e
#5ec296

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.
#645ec2
#7a73ec
#0c0c18
#222042
#38356d
#4e4997

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.
#645ec2
#5e80c2
#5e6cc2
#645ec2
#785ec2
#8c5ec2

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#645ec2
#c25ea8
#80c25e

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
#f4f4fb
#e9e8f6
#deddf2
#d3d1ee
#c8c6e9
#bdbae5
#b2afe1
#a6a3dc
#9b98d8
#908cd3
#8581cf
#7a75cb
#6f6ac6
#645ec2

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#07070e
#0e0d1c
#15142a
#1d1b37
#242245
#2b2853
#322f61
#39366f
#403c7d
#47438b
#4f4a98
#5651a6
#5d57b4
#645ec2

Contrast Checker

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

5.354 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.922 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 #645ec2

Some examples of color palettes with #645ec2. View more

Use #645ec2 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet