Color picker

#777dc3

Conversion

HEX#777dc3
HEX8#777dc3ff
RGBrgb(119, 125, 195)
CMYK[0.39,0.36,0,0.24]
Name#777dc3
HCL[292.22,40.25,54.58]
oklab[0.61,0.02,-0.1]
Num7830979
HSI[235.93,0.19,0.57]
lab[54.58,15.22,-37.26]
Lighten
#bec1e2
Darken
#414793
Saturate
#636cd7
Desaturate
#8b8daf
Greyscale
#9d9d9d
Brighten
#aab0f6

Color harmonies of #777dc3

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.
#777dc3
#c3777d
#7dc377

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.
#777dc3
#c377a3
#c3bd77
#77c397

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.
#777dc3
#9198ed
#0f1019
#292b43
#43476e
#5d6298

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.
#777dc3
#779bc3
#778cc3
#777dc3
#8077c3
#8f77c3

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#777dc3
#c377ba
#9bc377

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
#f5f6fb
#ececf6
#e2e3f2
#d8daee
#ced1ea
#c5c7e5
#bbbee1
#b1b5dd
#a8abd8
#9ea2d4
#9499d0
#8a90cc
#8186c7
#777dc3

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#09090e
#11121c
#1a1b2a
#222438
#2b2d46
#333654
#3c3f62
#44476f
#4d507d
#55598b
#5e6299
#666ba7
#6f74b5
#777dc3

Contrast Checker

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

3.814 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!
5.506 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!

Color Palettes #777dc3

Some examples of color palettes with #777dc3. View more

Use #777dc3 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet