Color picker

#6164ab

Conversion

HEX#6164ab
HEX8#6164abff
RGBrgb(97, 100, 171)
CMYK[0.43,0.42,0,0.33]
Name#6164ab
HCL[294.52,42.29,45.07]
oklab[0.53,0.02,-0.11]
Num6382763
HSI[237.95,0.21,0.48]
lab[45.07,17.55,-38.47]
Lighten
#a4a5ce
Darken
#3a3c6c
Saturate
#494ec3
Desaturate
#797a93
Greyscale
#868686
Brighten
#9497de

Color harmonies of #6164ab

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.
#6164ab
#ab6164
#64ab61

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.
#6164ab
#ab6189
#aba861
#61ab83

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.
#6164ab
#797dd5
#010101
#19192b
#313256
#494b80

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.
#6164ab
#6182ab
#6173ab
#6164ab
#6d61ab
#7c61ab

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6164ab
#ab619f
#82ab61

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
#f4f4f9
#e8e9f3
#dddeed
#d2d3e7
#c7c8e1
#bbbddb
#b0b2d5
#a5a6cf
#999bc9
#8e90c3
#8385bd
#787ab7
#6c6fb1
#6164ab

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#07070c
#0e0e18
#151525
#1c1d31
#23243d
#2a2b49
#313256
#373962
#3e406e
#45477a
#4c4f86
#535693
#5a5d9f
#6164ab

Contrast Checker

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

5.358 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.919 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 #6164ab

Some examples of color palettes with #6164ab. View more

Use #6164ab in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet