#1E22AA

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX

#1E22AA

RGB

rgb(30, 34, 170)

RGBA

rgba(30, 34, 170, 1)

HSL

hsl(238.29, 70%, 39.22%)

HSLA

hsla(238, 70%, 39%, 1)

CMYK

cmyk(82%, 80%, 0%, 33%)

Color Palettes

Harmonious color combinations based on #1E22AA

Monochromatic

Shades and tints of the same hue

#08092B

#171B82

#262CD9

#7D81E8

#D4D5F7

Analogous

Adjacent colors on the color wheel

#1EA9A4

#1E68A9

#1E22AA

#5F1EA9

#A41EA9

Complementary

Opposite color for maximum contrast

#1E22AA

#A9A41E

Triadic

Three evenly spaced colors

#1E22AA

#A91E22

#22A91E

CSS Usage Examples

Background

background-color: #1E22AA;

Text

color: #1E22AA;

Border

border: 2px solid #1E22AA;

Shadow

box-shadow: 0 4px 6px #1E22AA40;

Related Colors

Discover harmonious color variations

Complementary

#AAA61E

Opposite on color wheel

Lighter

#4E52E0

+20% lightness

Darker

#0F1153

-20% lightness

Analogous -30°

#1E68AA

Adjacent color

Analogous +30°

#601EAA

Adjacent color