Color picker

#2e4e98

Conversion

HEX#2e4e98
HEX8#2e4e98ff
RGBrgb(46, 78, 152)
CMYK[0.7,0.49,0,0.4]
Name#2e4e98
HCL[287.76,46.27,34.59]
oklab[0.44,-0.01,-0.13]
Num3034776
HSI[222.89,0.5,0.36]
lab[34.59,14.11,-44.06]
Lighten
#5e80ce
Darken
#16264a
Saturate
#1a46ac
Desaturate
#425684
Greyscale
#636363
Brighten
#6181cb

Color harmonies of #2e4e98

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.
#2e4e98
#982e4e
#4e982e

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.
#2e4e98
#982e83
#98782e
#2e9843

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.
#2e4e98
#3b64c2
#487aed
#070d18
#142243
#21386d

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.
#2e4e98
#2e7898
#2e6398
#2e4e98
#2e3998
#382e98

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2e4e98
#8d2e98
#78982e

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
#f0f2f8
#e1e6f0
#d2d9e9
#c3cce2
#b4c0da
#a5b3d3
#97a7cc
#889ac4
#798dbd
#6a81b5
#5b74ae
#4c67a7
#3d5b9f
#2e4e98

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#03060b
#070b16
#0a1121
#0d162b
#101c36
#142141
#17274c
#1a2d57
#1e3262
#21386d
#243d77
#274382
#2b488d
#2e4e98

Contrast Checker

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

7.897 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.659 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 #2e4e98

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

Use #2e4e98 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet