Color picker

#31966f

Conversion

HEX#31966f
HEX8#31966fff
RGBrgb(49, 150, 111)
CMYK[0.67,0,0.26,0.41]
Name#31966f
HCL[162.4,40.49,55.7]
oklab[0.6,-0.11,0.03]
Num3249775
HSI[157.49,0.53,0.41]
lab[55.7,-38.59,12.25]
Lighten
#61cca3
Darken
#184936
Saturate
#1daa74
Desaturate
#45826a
Greyscale
#636363
Brighten
#64c9a2

Color harmonies of #31966f

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.
#31966f
#6f3196
#966f31

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.
#31966f
#3c3196
#963158
#8a9631

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.
#31966f
#3fc08e
#4debae
#071611
#154130
#236b50

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.
#31966f
#319647
#31965b
#31966f
#319683
#319596

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#31966f
#314496
#964731

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
#f0f8f5
#e2f0ea
#d3e9e0
#c4e1d6
#b5dacc
#a7d2c1
#98cbb7
#89c3ad
#7bbca2
#6cb498
#5dad8e
#4ea584
#409e79
#31966f

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040b08
#071510
#0b2018
#0e2b20
#123628
#154030
#194b38
#1c563f
#206047
#236b4f
#277657
#2a815f
#2e8b67
#31966f

Contrast Checker

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

3.67 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.723 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 #31966f

Some examples of color palettes with #31966f. View more

Use #31966f in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet