Color picker

#2e4ece

Conversion

HEX#2e4ece
HEX8#2e4eceff
RGBrgb(46, 78, 206)
CMYK[0.78,0.62,0,0.19]
Name#2e4ece
HCL[296.37,77.36,38.7]
oklab[0.48,-0.01,-0.2]
Num3034830
HSI[229.11,0.58,0.43]
lab[38.7,34.36,-69.31]
Lighten
#7f93e3
Darken
#1b2e7b
Saturate
#153fe7
Desaturate
#475db5
Greyscale
#7e7e7e
Brighten
#6181ff

Color harmonies of #2e4ece

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.
#2e4ece
#ce2e4e
#4ece2e

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.
#2e4ece
#ce2e9e
#ceae2e
#2ece5e

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.
#2e4ece
#385ef8
#080e24
#121e4e
#1b2e79
#253ea3

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.
#2e4ece
#2e8ece
#2e6ece
#2e4ece
#2e2ece
#4e2ece

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2e4ece
#ce2ece
#8ece2e

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
#f0f2fc
#e1e6f8
#d2d9f5
#c3ccf1
#b4c0ee
#a5b3ea
#97a7e7
#889ae3
#798de0
#6a81dc
#5b74d9
#4c67d5
#3d5bd2
#2e4ece

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#03060f
#070b1d
#0a112c
#0d163b
#101c4a
#142158
#172767
#1a2d76
#1e3284
#213893
#243da2
#2743b1
#2b48bf
#2e4ece

Contrast Checker

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

6.78 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.097 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 #2e4ece

Some examples of color palettes with #2e4ece. View more

Use #2e4ece in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet