Color picker

#3d56bd

Conversion

HEX#3d56bd
HEX8#3d56bdff
RGBrgb(61, 86, 189)
CMYK[0.68,0.54,0,0.26]
Name#3d56bd
HCL[293.55,62.28,40.11]
oklab[0.49,0,-0.16]
Num4019901
HSI[229.38,0.46,0.44]
lab[40.11,24.89,-57.09]
Lighten
#8897d8
Darken
#243370
Saturate
#2447d6
Desaturate
#5665a4
Greyscale
#7d7d7d
Brighten
#7089f0

Color harmonies of #3d56bd

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.
#3d56bd
#bd3d56
#56bd3d

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.
#3d56bd
#bd3d96
#bda43d
#3dbd64

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.
#3d56bd
#4b69e7
#060913
#141c3d
#222f68
#2f4392

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.
#3d56bd
#3d89bd
#3d70bd
#3d56bd
#3e3dbd
#573dbd

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3d56bd
#bd3dbc
#89bd3d

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
#f1f3fa
#e3e7f6
#d5dbf1
#c8cfec
#bac3e7
#acb7e3
#9eabde
#909ed9
#8292d5
#7486d0
#677acb
#596ec6
#4b62c2
#3d56bd

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#04060e
#090c1b
#0d1229
#111936
#161f44
#1a2551
#1f2b5f
#23316c
#27377a
#2c3d87
#304495
#344aa2
#3950b0
#3d56bd

Contrast Checker

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

6.433 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!
3.264 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 #3d56bd

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

Use #3d56bd in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet