Color picker

#3d3b55

Conversion

HEX#3d3b55
HEX8#3d3b55ff
RGBrgb(61, 59, 85)
CMYK[0.28,0.31,0,0.67]
Name#3d3b55
HCL[296.12,17.09,26.09]
oklab[0.37,0.01,-0.04]
Num4012885
HSI[243.96,0.14,0.27]
lab[26.09,7.52,-15.34]
Lighten
#686591
Darken
#121119
Saturate
#312d63
Desaturate
#484848
Greyscale
#484848
Brighten
#706e88

Color harmonies of #3d3b55

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.
#3d3b55
#553d3b
#3b553d

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.
#3d3b55
#553b46
#53553b
#3b554a

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.
#3d3b55
#5c5980
#7a76aa
#9994d4
#b7b1ff
#1e1d2a

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.
#3d3b55
#3b4355
#3b3e55
#3d3b55
#423b55
#473b55

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3d3b55
#553b4e
#43553b

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
#f1f1f3
#e3e3e7
#d5d5db
#c8c7ce
#bab9c2
#acabb6
#9e9daa
#908f9e
#828192
#747386
#676579
#59576d
#4b4961
#3d3b55

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040406
#09080c
#0d0d12
#111118
#16151e
#1a1924
#1f1e2b
#232231
#272637
#2c2a3d
#302e43
#343349
#39374f
#3d3b55

Contrast Checker

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

10.741 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!
1.955 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 #3d3b55

Some examples of color palettes with #3d3b55. View more

Use #3d3b55 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet