Color picker

#1e5fd4

Conversion

HEX#1e5fd4
HEX8#1e5fd4ff
RGBrgb(30, 95, 212)
CMYK[0.86,0.55,0,0.17]
Name#1e5fd4
HCL[290.32,69.99,43.08]
oklab[0.52,-0.03,-0.19]
Num1990612
HSI[219.37,0.73,0.44]
lab[43.08,24.3,-65.63]
Lighten
#6e9aea
Darken
#11377b
Saturate
#0658ec
Desaturate
#3666bc
Greyscale
#797979
Brighten
#5192ff

Color harmonies of #1e5fd4

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.
#1e5fd4
#d41e5f
#5fd41e

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.
#1e5fd4
#d41eba
#d4931e
#1ed438

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.
#1e5fd4
#2472fe
#06132a
#0c2654
#12397f
#184ca9

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.
#1e5fd4
#1ea8d4
#1e83d4
#1e5fd4
#1e3bd4
#261ed4

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#1e5fd4
#b71ed4
#a8d41e

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
#eff4fc
#dfe8f9
#cfddf6
#bfd1f3
#afc6f0
#9fbaed
#8fafea
#7ea4e6
#6e98e3
#5e8de0
#4e81dd
#3e76da
#2e6ad7
#1e5fd4

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#02070f
#040e1e
#06142d
#091b3d
#0b224c
#0d295b
#0f306a
#113679
#133d88
#154497
#184ba7
#1a51b6
#1c58c5
#1e5fd4

Contrast Checker

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

5.765 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.643 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 #1e5fd4

Some examples of color palettes with #1e5fd4. View more

Use #1e5fd4 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet