Color picker

#3625bc

Conversion

HEX#3625bc
HEX8#3625bcff
RGBrgb(54, 37, 188)
CMYK[0.71,0.8,0,0.26]
Name#3625bc
HCL[305.04,91.8,28.74]
oklab[0.41,0.02,-0.22]
Num3548604
HSI[245.9,0.6,0.36]
lab[28.74,52.7,-75.16]
Lighten
#7466e1
Darken
#1e1467
Saturate
#250ed2
Desaturate
#473ba5
Greyscale
#707070
Brighten
#6958ef

Color harmonies of #3625bc

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.
#3625bc
#bc3625
#25bc36

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.
#3625bc
#bc255f
#abbc25
#25bc81

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.
#3625bc
#422de6
#050412
#110c3c
#1e1467
#2a1d91

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.
#3625bc
#2550bc
#2532bc
#3625bc
#5425bc
#7225bc

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3625bc
#bc258d
#50bc25

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
#f1effa
#e2e0f5
#d4d0f1
#c6c1ec
#b7b1e7
#a9a2e2
#9b92de
#8c82d9
#7e73d4
#6f63cf
#6154ca
#5344c6
#4435c1
#3625bc

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#04030d
#08051b
#0c0828
#0f0b36
#130d43
#171051
#1b135e
#1f156b
#231879
#271a86
#2a1d94
#2e20a1
#3222af
#3625bc

Contrast Checker

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

9.778 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!
2.148 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 #3625bc

Some examples of color palettes with #3625bc. View more

Use #3625bc in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet