Color picker

#332a8d

Conversion

HEX#332a8d
HEX8#332a8dff
RGBrgb(51, 42, 141)
CMYK[0.64,0.7,0,0.45]
Name#332a8d
HCL[302.9,63.78,24.58]
oklab[0.36,0.03,-0.15]
Num3353229
HSI[244.72,0.46,0.31]
lab[24.58,34.65,-53.55]
Lighten
#5d52cb
Darken
#17133e
Saturate
#24189f
Desaturate
#423c7b
Greyscale
#5b5b5b
Brighten
#665dc0

Color harmonies of #332a8d

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.
#332a8d
#8d332a
#2a8d33

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.
#332a8d
#8d2a52
#848d2a
#2a8d64

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.
#332a8d
#4237b7
#5243e2
#05040d
#141138
#241d62

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.
#332a8d
#2a498d
#2a358d
#332a8d
#472a8d
#5b2a8d

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#332a8d
#8d2a70
#498d2a

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
#f0f0f7
#e2e1ef
#d3d1e7
#c5c2de
#b6b3d6
#a8a4ce
#9995c6
#8a85be
#7c76b6
#6d67ae
#5f58a5
#50489d
#423995
#332a8d

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#04030a
#070614
#0b091e
#0f0c28
#120f32
#16123c
#1a1547
#1d1851
#211b5b
#241e65
#28216f
#2c2479
#2f2783
#332a8d

Contrast Checker

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

11.311 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.857 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 #332a8d

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

Use #332a8d in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet