Color picker

#664048

Conversion

HEX#664048
HEX8#664048ff
RGBrgb(102, 64, 72)
CMYK[0,0.37,0.29,0.6]
Name#664048
HCL[6.57,17.89,31.72]
oklab[0.42,0.05,0.01]
Num6701128
HSI[348.48,0.19,0.31]
lab[31.72,17.77,2.05]
Lighten
#a26a76
Darken
#27191c
Saturate
#772f3e
Desaturate
#555152
Greyscale
#535353
Brighten
#99737b

Color harmonies of #664048

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.
#664048
#486640
#404866

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.
#664048
#5b6640
#40665e
#4b4066

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.
#664048
#905b66
#bb7584
#e590a2
#110b0c
#3b252a

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.
#664048
#664057
#664050
#664048
#664040
#664740

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#664048
#666640
#405766

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
#f4f1f2
#e9e4e5
#ded6d8
#d3c8cb
#c8bbbe
#bdadb1
#b3a0a4
#a89296
#9d8489
#92777c
#87696f
#7c5b62
#714e55
#664048

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070505
#0f090a
#160e0f
#1d1215
#24171a
#2c1b1f
#332024
#3a2529
#42292e
#492e33
#503239
#57373e
#5f3b43
#664048

Contrast Checker

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

8.78 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.392 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 #664048

Some examples of color palettes with #664048. View more

Use #664048 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet