Color picker

#312c6b

Conversion

HEX#312c6b
HEX8#312c6bff
RGBrgb(49, 44, 107)
CMYK[0.54,0.59,0,0.58]
Name#312c6b
HCL[300.44,42.01,22]
oklab[0.34,0.02,-0.1]
Num3222635
HSI[244.09,0.34,0.26]
lab[22,21.28,-36.22]
Lighten
#524ab3
Darken
#100e23
Saturate
#241d7a
Desaturate
#3e3b5c
Greyscale
#4b4b4b
Brighten
#645f9e

Color harmonies of #312c6b

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.
#312c6b
#6b312c
#2c6b31

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.
#312c6b
#6b2c46
#666b2c
#2c6b50

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.
#312c6b
#443d95
#584fc0
#6b60ea
#0a0916
#1e1b40

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.
#312c6b
#2c406b
#2c346b
#312c6b
#3e2c6b
#4a2c6b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#312c6b
#6b2c59
#406b2c

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
#f0f0f4
#e2e1ea
#d3d2df
#c4c3d5
#b5b4ca
#a7a5c0
#9896b5
#8986aa
#7b77a0
#6c6895
#5d598b
#4e4a80
#403b76
#312c6b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040308
#07060f
#0b0917
#0e0d1f
#121026
#15132e
#191636
#1c193d
#201c45
#231f4c
#272354
#2a265c
#2e2963
#312c6b

Contrast Checker

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

12.33 Super 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!
1.703 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 #312c6b

Some examples of color palettes with #312c6b. View more

Use #312c6b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet