Color picker

#664764

Conversion

HEX#664764
HEX8#664764ff
RGBrgb(102, 71, 100)
CMYK[0,0.3,0.02,0.6]
Name#664764
HCL[327.84,22,34.5]
oklab[0.44,0.05,-0.03]
Num6702948
HSI[303.3,0.22,0.36]
lab[34.5,18.62,-11.71]
Lighten
#9f749c
Darken
#2a1d29
Saturate
#773673
Desaturate
#565656
Greyscale
#565656
Brighten
#997a97

Color harmonies of #664764

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.
#664764
#646647
#476466

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.
#664764
#665847
#476649
#475466

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.
#664764
#90658e
#bb82b7
#e5a0e1
#110c11
#3b293a

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.
#664764
#5c4766
#624766
#664764
#66475e
#664758

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#664764
#664f47
#47665c

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
#f4f2f4
#e9e5e9
#ded8de
#d3cad3
#c8bdc8
#bdb0bd
#b3a3b2
#a896a6
#9d899b
#927c90
#876e85
#7c617a
#71546f
#664764

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070507
#0f0a0e
#160f15
#1d141d
#241924
#2c1e2b
#332432
#3a2939
#422e40
#493347
#50384f
#573d56
#5f425d
#664764

Contrast Checker

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

7.924 Very 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!
2.65 Very 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 #664764

Some examples of color palettes with #664764. View more

Use #664764 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet