Skip to main content

#220EA3

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
#220EA3
RGB
rgb(34, 14, 163)
RGBA
rgba(34, 14, 163, 1)
HSL
hsl(248.05, 84.18%, 34.71%)
HSLA
hsla(248, 84%, 35%, 1)
CMYK
cmyk(79%, 91%, 0%, 36%)

Color Palettes

Harmonious color combinations based on #220EA3

Monochromatic

Shades and tints of the same hue

#0A042F
#1D0C8D
#3114EB
#8372F3
#D6D0FB

Analogous

Adjacent colors on the color wheel

#0E90A4
#0E45A4
#220EA3
#6D0EA4
#A40E90

Complementary

Opposite color for maximum contrast

#220EA3
#90A40E

Triadic

Three evenly spaced colors

#220EA3
#A4220E
#0EA422

CSS Usage Examples

Background

background-color: #220EA3;

Text

color: #220EA3;

Border

border: 2px solid #220EA3;

Shadow

box-shadow: 0 4px 6px #220EA340;
Feedback