Color picker

#666c83

Conversion

HEX#666c83
HEX8#666c83ff
RGBrgb(102, 108, 131)
CMYK[0.22,0.18,0,0.49]
Name#666c83
HCL[282.8,13.79,45.89]
oklab[0.53,0,-0.04]
Num6712451
HSI[228.7,0.1,0.45]
lab[45.89,3.06,-13.45]
Lighten
#9da1b2
Darken
#393d4a
Saturate
#4f5e9a
Desaturate
#747474
Greyscale
#747474
Brighten
#999fb6

Color harmonies of #666c83

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.
#666c83
#83666c
#6c8366

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.
#666c83
#83667a
#837d66
#66836e

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.
#666c83
#878fad
#a8b2d8
#030303
#24262e
#454958

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.
#666c83
#667883
#667283
#666c83
#666683
#6c6683

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#666c83
#836683
#788366

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
#f4f5f6
#e9eaed
#dee0e4
#d3d5dc
#c8cbd3
#bdc0ca
#b3b6c1
#a8abb8
#9da1af
#9296a6
#878c9e
#7c8195
#71778c
#666c83

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070809
#0f0f13
#16171c
#1d1f25
#24272f
#2c2e38
#333642
#3a3e4b
#424554
#494d5e
#505567
#575d70
#5f647a
#666c83

Contrast Checker

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

5.201 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!
4.038 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 #666c83

Some examples of color palettes with #666c83. View more

Use #666c83 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet