Color picker

#3a3286

Conversion

HEX#3a3286
HEX8#3a3286ff
RGBrgb(58, 50, 134)
CMYK[0.57,0.63,0,0.47]
Name#3a3286
HCL[301.67,54.19,26.45]
oklab[0.38,0.03,-0.13]
Num3814022
HSI[244.95,0.38,0.32]
lab[26.45,28.45,-46.12]
Lighten
#665cc2
Darken
#1a163c
Saturate
#2b2098
Desaturate
#494474
Greyscale
#5c5c5c
Brighten
#6d65b9

Color harmonies of #3a3286

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.
#3a3286
#863a32
#32863a

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.
#3a3286
#863254
#7e8632
#328664

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.
#3a3286
#4c42b0
#5f52db
#030206
#151231
#28225b

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.
#3a3286
#324c86
#323b86
#3a3286
#4b3286
#5c3286

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3a3286
#86326d
#4c8632

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
#f1f0f6
#e3e2ee
#d5d3e5
#c7c4dc
#b9b6d4
#aba7cb
#9d99c3
#8e8aba
#807bb1
#726da9
#645ea0
#564f97
#48418f
#3a3286

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#04040a
#080713
#0c0b1d
#110e26
#151230
#191539
#1d1943
#211d4d
#252056
#292460
#2e2769
#322b73
#362e7c
#3a3286

Contrast Checker

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

10.604 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.98 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 #3a3286

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

Use #3a3286 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet