Color picker

#332e54

Conversion

HEX#332e54
HEX8#332e54ff
RGBrgb(51, 46, 84)
CMYK[0.39,0.45,0,0.67]
Name#332e54
HCL[299.63,25.75,21.2]
oklab[0.33,0.02,-0.06]
Num3354196
HSI[246.95,0.24,0.24]
lab[21.2,12.73,-22.38]
Lighten
#5b5296
Darken
#0b0a12
Saturate
#292161
Desaturate
#3d3b47
Greyscale
#414141
Brighten
#666187

Color harmonies of #332e54

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.
#332e54
#54332e
#2e5433

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.
#332e54
#542e3c
#4f542e
#2e5446

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.
#332e54
#4d457e
#675da9
#8074d3
#9a8bfe
#191729

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.
#332e54
#2e3854
#2e3154
#332e54
#3b2e54
#422e54

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#332e54
#542e47
#38542e

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
#f0f0f3
#e2e1e7
#d3d2da
#c5c3ce
#b6b4c2
#a8a5b6
#9997aa
#8a889d
#7c7991
#6d6a85
#5f5b79
#504c6c
#423d60
#332e54

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040306
#07070c
#0b0a12
#0f0d18
#12101e
#161424
#1a172a
#1d1a30
#211e36
#24213c
#282442
#2c2748
#2f2b4e
#332e54

Contrast Checker

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

12.654 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.66 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 #332e54

Some examples of color palettes with #332e54. View more

Use #332e54 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet